jQuery包围的元素在通过jQuery-AJAX加载的div内部不起作用

Question

jQuery(function($) {
    $('#content').on('click', '.pgr a', function(e){
        e.preventDefault();
        var link = $(this).attr('href');
        $('#view').fadeOut(500, function(){
            $(this).load(link + ' #view', function() {
                $(this).fadeIn(500);

            });
        });
    });
});

我在我的网站http://saveongolf.net/store/category/golf-clubs-all-/上使用上述代码来对ajax进行分页。

问题是，在加载下一页后，有一个按钮“Add to wish”无法正常工作，还有一个带有JavaScript重定向的按钮，该按钮在jQuery加载后无效。

Answer 1

加载下一页后，您必须在非工作（在您的情况下）按钮上附加事件，以使它们再次起作用。

再次附加您的活动：

jQuery(function($) {
    $('#content').on('click', '.pgr a', function(e){
        e.preventDefault();
        var link = $(this).attr('href');
        $('#view').fadeOut(500, function(){
            $(this).load(link + ' #view', function() {
// HERE HERE HERE HERE HERE HERE HERE HERE HERE HERE HERE HERE
                $(this).fadeIn(500);

            });
        });
    });
});