我js拼接一段html，然后里面的元素无法识别，导致无法触发事件。。

我同事说“html拼接的这段js要先执行”，我js这块也不熟，不知道怎么弄！... 我同事说“html拼接的这段js要先执行 ”，我js这块也不熟，不知道怎么弄！展开

 我来答

4个回答

#热议# 空调使用不当可能引发哪些疾病？

yugi111
推荐于2018-02-27 · TA获得超过8.1万个赞

知道大有可为答主

回答量：5.1万

采纳率：70%

帮助的人：1.3亿

我也去答题访问个人页

关注

展开全部

<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<title>YuGiOh</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
	$ (function ()
    {
	    var body = $ ('body');
	    $ (":button").click (function ()
	    {
		    body.append ('<a class="details" href="#">详情</a>');
	    });
	    
	    // 动态插入的html，需要委派事件处理。
	    body.delegate ('.details', 'click', function ()
	    {
		    alert ($ (this).index (".details"));
	    })
    })
</script>
</head>
<body>
	<button>insert</button>
</body>
</html>

已赞过 已踩过<

评论收起

仲夏之晖
2015-02-04

知道答主

回答量：17

采纳率：0%

帮助的人：4.1万

我也去答题访问个人页

关注

展开全部

先保证dom有这个元素，才能执行这个元素相对应的动作

已赞过 已踩过<

评论收起

匿名用户
2015-02-04

展开全部

问题能再具体点么

追问

详情

拼接的这个。然后 $("#details")的事件就无效了

追答

你需要先保证有这个节点对象，详情这个是什么时候添加上去的

已赞过 已踩过<

评论收起

jimlin0927
2015-02-04 · 超过35用户采纳过TA的回答

知道答主

回答量：47

采纳率：0%

帮助的人：43.4万

我也去答题访问个人页

关注

展开全部

把你拼接的那一段贴出来看看

更多追问追答
追问

详情
拼接的这个。然后 $("#details")的事件就无效了
追答
首先，你得确保你拼接没有语法错误，其次，你的事件应该用：
$(".details")
追问

是的 ，用的是你说的这个 ，我知道原因是因为拼接出来的，是没办法识别这些元素的，不知道怎么解决
追答

你是想把详情拼接出来，插入到DOM里面去，然后再为它绑定事件？
追问

是的
追答
不知道你要实现的是怎样的功能，但下面这个你可以参考一下：
<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="utf-8">
        <title>test</title>
    </head>
    
    <body>
        <div id="test">点击插入A</div>
        <div id="aaa"></div>
    </body>

</html>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
    $(document).ready(function() {

        $("#test").on("click",
        function() {$("#aaa").html("<a class=\"details\" href=\"#\">详情</a>");　　
        });

        $("#aaa").on('click', '.details',
        function() {
            alert("QQQ");
        });
    });
</script>

已赞过 已踩过<

评论收起

2条折叠回答

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

我js拼接一段html，然后里面的元素无法识别，导致无法触发事件。。

其他类似问题

为你推荐：