jquery选择动态加载的元素……例如:初始页面没有<span>点我</span>标签,当我触发点
jquery选择动态加载的元素……例如:初始页面没有<span>点我</span>标签,当我触发点击事件时页面才动态加载span标签……那我如何写js获取它呢?当页面加载...
jquery选择动态加载的元素……例如:初始页面没有<span>点我</span>标签,当我触发点击事件时页面才动态加载span标签……那我如何写js获取它呢?当页面加载完成时,选择span标签,无法取得,,当触发点击事件是页面多了一个span标签,,但还是无法选择??
展开
- 你的回答被采纳后将获得:
- 系统奖励15(财富值+成长值)+难题奖励20(财富值+成长值)
3个回答
展开全部
这个在jquery中叫给未来元素绑定事件
如果是jquery 1.9以前的版本,使用 $("span").live("click",function(){})绑定事件
如果是jquery1.9以后的版本,使用 $("div").on("span","click",function(){})绑定事件
如果是jquery 1.9以前的版本,使用 $("span").live("click",function(){})绑定事件
如果是jquery1.9以后的版本,使用 $("div").on("span","click",function(){})绑定事件
追问
还是选择不了新增的元素?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你好
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>
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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
不知所云
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询