jQuery使用单独的函数从ajax响应中定位html

时间:2014-06-13 16:44:33

标签: jquery html ajax

我有html div,在首次加载页面时加载为空。之后,我可以单击一个按钮,使用jquery ajax

将新的html加载到div中
$("#control-list a#ms").click(function(){
    var postData = "actionrequest=ms";
    $.ajax({url:"SSSutility.php", type:"post", data:postData, success:function(dataset){
        $("#data-area").html(dataset);
    }});
});

当我想要定位时,这个html里面有额外的按钮。因为JS脚本是使用原始HTML页面加载的,所以如果不重新加载包含内部按钮脚本的JS文件,它就无法定位这个新的html。我想要做的是找到一种不必在html响应中重新加载脚本的方法。到目前为止,我只能在路上找到针对AJAX响应的代码,然后触发一个方法来运行。我需要能够从单独的方法中定位新HTML,因此它与按钮点击相关联。

1 个答案:

答案 0 :(得分:1)

这将允许您通过将事件侦听器应用于文档来定位动态创建的按钮:

$(document).on('click', '#btnId', function(){

});

请参阅jQuery .on()文档:http://api.jquery.com/on/