jQuery .hide () не запускается на динамически создаваемых элементах [duplicate]

Question

jQuery .hide () не запускается на динамически создаваемых элементах [duplicate]

0

Я хочу динамически создавать некоторые элементы div в моем контейнере. Я делаю это с простой функцией:

function myFunction(volume){
for(var i = 1; i<= volume; i++){
$('.container').append("<div></div>");
}

Проблема в том, что созданные элементы div не реагируют на мою функцию jQuery.hide(). Кто-нибудь знает, почему он не работает? HTML отлично подходит как для ручных, так и для динамически создаваемых элементов.

Я сделал jsfiddle, но он тоже разбит: http://jsfiddle.net/gQBen/

Мой вызов функции.hide()

$('div').mouseenter(function() {
if (run){
$(this).hide(3000, function() {
result++;
run = false;
rewrite();
});
}
});

Арон решает его в комментариях: http://jsfiddle.net/arunpjohny/SM38C/1/ спасибо!

Jakub Closed 24 март 2014, в 15:49

Источник

0

как вы вызываете функцию скрытия?
Merlin 24 март 2014, в 14:31
0

делегировать указатель мыши в контейнер
Huangism 24 март 2014, в 14:31
0

см. jsfiddle.net/arunpjohny/SM38C/1
Arun P Johny 24 март 2014, в 14:35
0

Спасибо Arun P Johny, вы правы, именно этого я и хочу
Jakub Closed 24 март 2014, в 14:48

Показать ещё 2 комментария

Теги:

javascript

jquery

3 ответа

0

Используйте.onchange() вместо onclick в опции

$('select').on('change',function(){
myFunction(this.value);
});

также добавить значение к параметрам

<option value="4" >4</option>

Вам также необходимо использовать делегирование делегаций для динамически добавленных элементов

$(document).on('mouseenter','div',function() {

DEMO

Anton 24 март 2014, в 12:57

0

работает для jsfiddle (очевидно, в вашей демонстрации), но не работает для вызова функции .hide (в вашей демонстрации to)
Jakub Closed 24 март 2014, в 14:36

-1

ОБНОВИТЬ

Вопрос был обновлен, поэтому

$(".container").on("mouseenter","div",function(e){
   if (run){
       $(this).hide(3000, function() {
          result++;
          run = false;
          rewrite();
       });
   }
});

Merlin 24 март 2014, в 12:44

Ещё вопросы

как вы вызываете функцию скрытия?
делегировать указатель мыши в контейнер
Спасибо Arun P Johny, вы правы, именно этого я и хочу
работает для jsfiddle (очевидно, в вашей демонстрации), но не работает для вызова функции .hide (в вашей демонстрации to)

Anoop Joshi · Accepted Answer · 2014-03-24T11-47-00.000Z

вы должны использовать делегирование событий для этого

$(".container").on("mouseenter","div",function(e){

});

Делегирование событий позволяет присоединить одного прослушивателя событий к родительскому элементу, который будет срабатывать для всех детей, соответствующих селектору, независимо от того, существуют ли эти дети сейчас или добавлены в будущем.

В этом конкретном случае событие может быть прикреплено к .container div вместо
@ Huangism я отредактировал ответ .. спасибо за предложение