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

时间:2013-07-27 12:58:34

标签: jquery ajax load

我有这个内容的主文件(在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); 

2 个答案:

答案 0 :(得分:0)

edit.php中,您应该删除$(document).ready包装器:

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

答案 1 :(得分:0)

  1. 你可以改变它

    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");      
        });  
    });
    

    加载后绑定事件

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

    $('.remove_activity').click(function(e) {
        var url = "remove.php?activityID=" + actID + "&&userID=<?=$userID?>";
        $('#ajaxAct').load(url);   
        alert("test");      
    });   
    
  3. 在外部文件中,例如ajax/edit_script.js