javascript - 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 进行分页。

问题是在加载下一页后有一个“添加到愿望”按钮不起作用，还有一个带有 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);

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