Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать вставку дива в динамически создаваемую html разметку? / 6 сообщений из 6, страница 1 из 1
02.07.2015, 14:25
    #38997952
Valeriy1996
Valeriy1996
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать вставку дива в динамически создаваемую html разметку?
Не работает вставка div в динамически создаваемый html код.

Не работает эта часть кода: $('.Digital, .iron75').append('');
Вот весь код:

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
    $(function() {
       function renderWorked(arr) {
           var Category = {};
           arr = $.map(arr, function(item) {
               var div = $("<div/>", {
                       "class": "works" + item["Category"]
                   }),
                   img = $("<img/>", {
                       src: "/Kvinto/img/works/preview/" + item["image-data"],
                       attr: {
                           "data-video": item["data-video"],
                           "data-alt-src": item["data-alt-src"]
                       }
 
                   }),
                   h3 = $("<h3/>", {
                       html: item["title"]
                   });
               Category[item["Category"]] ? (div = Category[item["Category"]]) : (Category[item["Category"]] = div);
               div.append($("<div/>", {
                   html: [img, h3],
                   "class": "work-wrapper"
               }));
               return div
           })
           $('#cases').append($("<div/>", {
               html: arr,
               "class": "works block"
           }))
 
       }
       var arr = [{
               'Wraper': '2',
               'Category': 'iron75',
               'data-video': 'r3-K4vdvRe6E',
               'data-alt-src': 'r3-K4dvvRe6E',
               'image-data': 'r3-K4vvdRe6E.jpg"',
               'title': 'iron75 <br> (пример2)'
           },{
               'Wraper': '1',
               'Category': 'Digital',
               'data-video': '5n_aW-dPRIQ0',
               'data-alt-src': '5n_aW-dPRIQ0',
               'image-data': '5n_aW-PdRIQ0.jpg"',
               'title': 'Digital <br> (пример1)'
           },{
               'Wraper': '1',
               'Category': 'Digital',
               'data-video': '5n_aW-dPRIQ0',
               'data-alt-src': '5n_aW-dPRIQ0',
               'image-data': '5n_aW-PdRIQ0.jpg"',
               'title': 'Digital <br> (пример1)'
           }, {   
               'Wraper': '2',
               'Category': 'iron75',
               'data-video': 'r3-K4vdvRe6E',
               'data-alt-src': 'r3-K4dvvRe6E',
               'image-data': 'r3-K4vvdRe6E.jpg"',
               'title': 'iron75 <br> (пример2)'
           }
 
       ]
 
       renderWorked(arr);
 
       $('.Digital, .iron75').append('<div class="clearfix"></div>');
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.07.2015, 15:06
    #38998009
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать вставку дива в динамически создаваемую html разметку?
Valeriy1996Не работает вставка div в динамически создаваемый html код.
Версия!
Потому как на тот момент нужных тебе элементов просто нет.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.07.2015, 15:35
    #38998034
Valeriy1996
Valeriy1996
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать вставку дива в динамически создаваемую html разметку?
krvsa, а как тогда правильно? я его и в функции renderWorked пытался добавить тоже , не получилось.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.07.2015, 16:07
    #38998060
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать вставку дива в динамически создаваемую html разметку?
Valeriy1996а как тогда правильно?
Для начала нужно проверить мое предположение...
Посмотреть есть ли тот элемент, в который собираются что-то добавлять.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.07.2015, 16:09
    #38998063
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать вставку дива в динамически создаваемую html разметку?
Типа такого...

Код: javascript
1.
2.
alert($('.Digital, .iron75').length);
$('.Digital, .iron75').append('<div class="clearfix"></div>');
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.07.2015, 16:51
    #38998122
SharuPoNemnogu
SharuPoNemnogu
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать вставку дива в динамически создаваемую html разметку?
а если так: в ф-ю добавить return true вконце и потом
Код: javascript
1.
2.
3.
if(renderWorked(arr)) {
//тут append
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать вставку дива в динамически создаваемую html разметку? / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 449ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1445891]:
 0ms
get settings:
 11ms
get forum list:
 21ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 154ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 32ms
get tp. blocked users:
 1ms
others: 211ms
total:  449ms
x
x
Закрыть


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