Initialize Plugin после $ .load (изменил DOM

Question

У меня есть что-то вроде этого,

$("a[rel^='prettyPhoto']").prettyPhoto({ 
    theme: 'light_square' 
}); 

но я использую $('.menu').click(function() { $('#content').load(page); });

Как инициализировать плагин после загрузки страницы, так что работает с новой HTML, который был загружен?

Благодаря

Answer 1

.load() принимает функцию обратного вызова в качестве второго параметра, который срабатывает при загрузке страницы:

$('.menu').click(function() { 
    $('#content').load(page, function() { 
     $("a[rel^='prettyPhoto']").prettyPhoto({ 
       theme: 'light_square' 
     }); 
    }); 
}); 

Answer 2

JQuery document.ready выполнить, когда DOM полностью загружен

http://api.jquery.com/ready/

Пример

$(function(){ 
    //Whatever code you want to execute after the page is loaded 
}) 

Если вы хотите иметь функцию, прикрепленную к элементам загружаемой к DOM с помощью Ajax, вы можете использовать живой или на основе вашей Jquery версии

Если вы используете версию jquery менее 1,7, используйте live

$('.menu').live("click",function(){ 
//Do whatever you want 
}); 

Если вы используете, JQuery 1,7 или +, использование на

$('body').on("click",".menu",function(){ 
//do whatever you want 
});