2013-04-18 4 views
0
$('#content').droppable({ 
    drop:function(event , ui){ 
     $('<div>').appendTo('#content'); 
     $('#content div').load('div.html'); 
          } 
         }); 

Ниже код не выбирает divContainer IDjQuery: невозможно создать динамически созданный идентификатор div?

$('#divContainer').click(function(){ 
    $('#divContainer').hide(); 
}); 

Это моя страница HTML DIV.html

<div id="divContainer"> 
    SampleDIV 
</div> 

The Div добавляется к моей странице, но я могу» t выберите div, используя его ID!

ответ

0

в $ ('# divContainer'). ПунктКодЧтобы должен пойти внутри проделанного секции после того, как данные будут загружены в

$('#result').load('div.html', function() { 
    $('#divContainer').click(function(){ 
     $('#divContainer').hide(); 
    }); 
}); 

или использовать на() как взрыв таблетки сказал

+0

_yah, it works._ – sakthi

1

Пробуйте использовать делегирование событий.

$("#content").on('click', '#divContainer', function() { 
    $(this).hide(); 
}); 
+0

круто. Оно работает. не могли бы вы объяснить мне это? спасибо – sakthi

+2

'$ ('# divContainer'). click (function() {' вызывает метод '.click' для всех существующих элементов' # divContainer'. Если элементов '# divContainer' пока нет, этот вызов фактически не выполняется делать что-либо, потому что нечего связывать. Делегирование событий предназначено для этой цели: поэтому вы можете привязываться к элементу, который уже существует, но событие запускается только во время совпадения второго аргумента во время фазы захвата. –

+0

_i получил его , спасибо много_ – sakthi

Смежные вопросы