Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jQuery плагин, который возвращает разметку. / 11 сообщений из 11, страница 1 из 1
11.08.2016, 17:32
    #39290520
ProBiotek
ProBiotek
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery плагин, который возвращает разметку.
Привет.
Покажите. Покажите пожалуйста пример jQuery плагинчика который в DIV вставит простой абзац P. И как его потом правильно вызывать.

Вот есть у меня такая заготовка, к примеру.
Код: javascript
1.
2.
3.
4.
5.
6.
(function($) {
  $.fn.mySimplePlugin = function(){
     // код плагина ...
     return this;
  };
})(jQuery);



Использовать думаю нужно будет так.
Код: javascript
1.
2.
$( "p" ).mySimplePlugin();
$( ".myclass" ).mySimplePlugin();



Нужно ли в плагине делать какую-то проверку на то, что мы можем "вставить" в указанный селектор абзац ? Или абзац/див влезет куда угодно ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.08.2016, 17:49
    #39290529
ProBiotek
ProBiotek
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery плагин, который возвращает разметку.
upd Дополнение к вопросу.

Вообще задача такая. Есть JS массив с объектами.
Код: javascript
1.
2.
var files = [ { type: "jpg", src: "Content/1.jpg" },
                  { type: "gif", src: "Content/1.gif" }];



Как сделать чтобы плагин в итоге сделал такую разметку и вставил ее куда селектор указывает ?
Код: html
1.
2.
3.
4.
5.
6.
    <video>
      <source type="jpg"
              src="Content/1.jpg">
      <source type="gif"
              src="Content/1.gif">
      </video>



Я не писал плагинов для jQuery никогда поэтому и спрашиваю.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.08.2016, 18:13
    #39290539
Фёдор К
Фёдор К
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery плагин, который возвращает разметку.
ProBiotek,

В таком примитивном случае смысла в плагине не вижу - достаточно функции.

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
var source = ['a', 'b']

function renderHTML(arr)
{
    var html = '<div style="border:blue thin solid;">';
    if (arr && arr.length && arr.length > 0)
        for(var i in arr)
            html += '<span  style="border:yellow thin solid;">' + arr[i] + '</span>'
        html += '</div>';
    return html;
}

$('#result').html(renderHTML(source));
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.08.2016, 18:28
    #39290544
ProBiotek
ProBiotek
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery плагин, который возвращает разметку.
Фёдор К,

Спасибо.

Какая разница плагин или функция ?
Все равно вон через селектор получаем нужный объект и вызываем у него метод html, куда передаем сгенеренную разметку. По моему разницы нету вообще - но я совсем совсем не специалист :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.08.2016, 18:34
    #39290551
ProBiotek
ProBiotek
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery плагин, который возвращает разметку.
Фёдор К,

Переделал под свой код, но что то не работает совсем.

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
function renderHTML(arr)
{
    var html = '<video>';
    if (arr && arr.length && arr.length > 0)
        for(var i in arr)
            html += '<source  type="i.type" src="i.src"></source>'
        html += '</video>';
    return html;
}



Наверное не правильно передаю i.type и i.src ? А как правильно ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.08.2016, 18:38
    #39290552
ProBiotek
ProBiotek
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery плагин, который возвращает разметку.
А хотя воде работает. Спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.08.2016, 18:48
    #39290561
ProBiotek
ProBiotek
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery плагин, который возвращает разметку.
Не работает. Пишу так

Код: javascript
1.
html += '<source  type="'+i.type+'" src="'+i.src+'"></source>'



В итоговой разметке выводится так:

Код: html
1.
<source type="undefined" src="undefined">



Подскажите как правильно вывести значения объекта ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.08.2016, 19:09
    #39290566
Фёдор К
Фёдор К
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery плагин, который возвращает разметку.
ProBiotekПодскажите как правильно вывести значения объекта ? Ну внимательно смотрим на мой исходник и находим отличие.

Открою секретную команду: console.dir(object);
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.08.2016, 19:30
    #39290575
ProBiotek
ProBiotek
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery плагин, который возвращает разметку.
Фёдор К,

Спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.08.2016, 23:20
    #39290661
Фёдор К
Фёдор К
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery плагин, который возвращает разметку.
ProBiotekФёдор К,

Спасибо. - Успехов!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.08.2016, 08:23
    #39290732
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery плагин, который возвращает разметку.
ProBiotekКакая разница плагин или функция ?
Для понятия разницы нужно найти:
- определение "плагина"
- определение функции
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jQuery плагин, который возвращает разметку. / 11 сообщений из 11, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]