Question

我有这个内容的主文件（在jQuery中）：

var url = "ajax/edit.php?ID=" + actID + "&&userID=<?=$userID?>"
$('#ajaxAct').load(url);

edit.php中的html和脚本内容已成功加载，但在文件edit.php中我试图再次加载，但这次是徒劳。

这是我在edit.php中获得的：

<script>
jQuery(document).ready(function($) {

$('.remove_activity').click(function(e) {
    var url = "remove.php?activityID=" + actID + "&&userID=<?=$userID?>";

    $('#ajaxAct').load(url);   

    alert("test");      

    });     
}); 
</script>

看起来无法在此外部文件中调用AJAX。测试警报仅适用于

行

$('#ajaxAct').load(url);

Answer 1

在edit.php中，您应该删除$(document).ready包装器：

<script>
    $('.remove_activity').click(function(e) {
        var url = "remove.php?activityID=" + actID + "&userID=<?=$userID?>";
        $('#ajaxAct').load(url);   
        alert("test");      
    });     
</script>

Answer 2

你可以改变它

var url = "ajax/edit.php?ID=" + actID + "&&userID=<?=$userID?>"
$('#ajaxAct').load(url, function() {
    // when it's loaded
    $('.remove_activity').click(function(e) {
        var url = "remove.php?activityID=" + actID + "&&userID=<?=$userID?>";
        $('#ajaxAct').load(url);   
        alert("test");      
    });  
});

加载后绑定事件

另一个可能性是使用getScript()，但你必须把这部分

$('.remove_activity').click(function(e) {
    var url = "remove.php?activityID=" + actID + "&&userID=<?=$userID?>";
    $('#ajaxAct').load(url);   
    alert("test");      
});

在外部文件中，例如ajax/edit_script.js

在加载的文件中再次调用jquery AJAX加载

2 个答案: