javascript - 关于 Javascript (Jquery) 和 GET 的问题

Question

在使用 $.get 获取新页面后，所有 javascript 都不会在新页面上运行。

有没有办法让 javascript 也使用新页面？

非常感谢

• 多尔扬

编辑:示例:

$(function() {
    $('.viewPage').click(function() {
        $('#mainarticle').fadeOut('slow')
        $.get($(this).attr('href'), { js: "1" }, function(data) {
            $('#mainarticle').html(data).fadeIn('slow');
        });
        return false;
    });
});

现在这工作正常，但是，新页面的 anchor 标记不会触发(假设它有一个 .viewPage)。

我希望澄清问题。

Answer 1

您需要使用 live 将事件绑定(bind)到您的 anchor :

$('a.something').live("click",function() {
    alert('this will still work after a.something has been replaced via ajax');
});

另一种使用 $.get 回调的方法:

$.get( "page.html", function(data) {
    $('#someDiv').html(data);
    $('a.something').click(function() {
        alert('this will still work after a.something has been replaced via ajax');
    });
});

现在我已经看到了您的代码:

$(function() { 
    $('.viewPage').live("click",(function() { 
        $('#mainarticle').fadeOut('slow') 
        $.get($(this).attr('href'), { js: "1" }, function(data) { 
            $('#mainarticle').html(data).fadeIn('slow');
        }); 
        return false; 
    }); 
});