Question

我试图使用ajax从php脚本加载一些内容，并在点击加载的元素时执行某些功能

<div class="f-screen" id="fff"><div class="row">
            <div style="width: 230px;margin-right: 4.1%; margin-left: 1%">
                <center><a href="#"><h5>' . $row["name"] . '</h5>
                <img src="' . $row["avatar"] . '" class="profile-pic" style="width: 141px;"></a><br>
                <hr> ....

但当我试图在加载的元素上使用元素选择器似乎没有发生这是我的jquery代码

$(document).ready(function(){
$("#fff").click(function(){
    console.log("button clicked");
});

}）;

当我选择了一个已放置在我的html文件中的元素但是它没有在加载的文件上工作时，相同的jquery代码工作正常

Answer 1

这里的基本问题是您将click处理程序分配给尚不存在的元素。您需要使用事件委派。

在这种情况下，请尝试使用jQuery on方法：

http://api.jquery.com/on/

$(document).ready(function(){
    $(document).on('click', '#fff', function(){
        console.log("button clicked");
    });
});

此方法将侦听器分配给document（始终存在），然后将处理程序与元素#FFF匹配。

Jquery选择器不使用带有ajax的加载元素

1 个答案: