文章/答案/技术大牛

发布

社区首页 >问答首页 >不使用ajax加载元素的Jquery选择器

问不使用ajax加载元素的Jquery选择器
EN

Stack Overflow用户

提问于 2018-04-30 19:29:15

回答 1查看 25关注 0票数 0

我试图使用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代码工作得很好，但在加载的元素上没有工作。

jquery

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-04-30 19:31:49

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

在本例中，尝试使用jQuery on方法：

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

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

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50106971

复制

相似问题

问不使用ajax加载元素的Jquery选择器
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不使用ajax加载元素的Jquery选择器EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不使用ajax加载元素的Jquery选择器
EN