проблема загрузки jquery внутри загруженного файла - PullRequest
0 голосов
/ 01 ноября 2010

У меня есть следующий сценарий; Проблема в том, что я могу использовать скрипты jquery внутри загруженного файла

index.html

<html> 
<head> 
 <title>Ajax with jQuery Example</title> 
 <script type="text/JavaScript" src="jquery.js"></script> 
 <script type="text/JavaScript"> 
 $(document).ready(function(){ 
$.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    $('#wrapper').html(data);
  }
});

  $("A").click(function(){ 
     alert("test inside loaded file");
   }); 

}); 
 </script> 
</head> 
<body> 
 <div id="wrapper"> 
 </div> 
</body> 
</html>

Аякс / test.html

<A HREF="document2.html" TABINDEX="4">test alert</A>

Проблема, которую он не выдаст, когда я нажму на загруженный файл

Ответы [ 3 ]

2 голосов
/ 01 ноября 2010

Попробуйте изменить следующую строку:

$("A").click(function(){ 
     alert("test inside loaded file");
   }); 

на

$("A").live('click',function(){ 
     alert("test inside loaded file");
   }); 

Используя метод Live () , вы привязываете все теги <a> сейчаси в будущем использование .click () связывает только те совпадающие элементы, которые существуют в настоящее время.

1 голос
/ 01 ноября 2010

использование

$("A").live("click", function(){ 
     alert("test inside loaded file");
}); 
1 голос
/ 01 ноября 2010

Вам нужно будет использовать live(), чтобы прикрепить событие ко всем элементам, которые соответствуют текущему селектору, сейчас и в будущем, вместо click().

http://api.jquery.com/live/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...