jquery选择动态加载的元素……例如:初始页面没有<span>点我</span>标签,当我触发点

jquery选择动态加载的元素……例如:初始页面没有<span>点我</span>标签,当我触发点击事件时页面才动态加载span标签……那我如何写js获取它呢?当页面加载... jquery选择动态加载的元素……例如:初始页面没有<span>点我</span>标签,当我触发点击事件时页面才动态加载span标签……那我如何写js获取它呢?当页面加载完成时,选择span标签,无法取得,,当触发点击事件是页面多了一个span标签,,但还是无法选择?? 展开
 我来答
  • 你的回答被采纳后将获得:
  • 系统奖励15(财富值+成长值)+难题奖励20(财富值+成长值)
百度网友7006ea1
2015-05-19 · 超过65用户采纳过TA的回答
知道小有建树答主
回答量:99
采纳率:0%
帮助的人:83.1万
展开全部
这个在jquery中叫给未来元素绑定事件
如果是jquery 1.9以前的版本,使用 $("span").live("click",function(){})绑定事件
如果是jquery1.9以后的版本,使用 $("div").on("span","click",function(){})绑定事件
追问
还是选择不了新增的元素?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
藍色雷客
2015-05-19 · TA获得超过122个赞
知道小有建树答主
回答量:204
采纳率:0%
帮助的人:161万
展开全部
你好

Jquery中对ajax动态生成的html标签不会响应 $(selector).click(function.. 或者$(selector).bind('click',function.., 需要用.live

jQuery 1.7 开始,不再建议使用 .live() 方法。请使用 .on() 来添加事件处理。使用旧版本的用户,应该优先使用 .delegate() 来替代 .live()。

范例:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){

$("#add_Btn").click(function(){

var $newspan = $("<span>click me!</span>");
$newspan.on("click",function(){
alert("clicked");
});
$("#toolbox").html($newspan);

});
});
</script>
</head>
<body>

<div id="toolbox"></div>

<button id="add_Btn">add</button>

</body>
</html>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
adjite
2015-05-19 · TA获得超过1269个赞
知道小有建树答主
回答量:848
采纳率:66%
帮助的人:229万
展开全部
不知所云
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式