jquery动态添加div, 新div的点击事件

jquery动态添加div, 新div的点击事件,第1张

<button id="btn">hahaha</button>

<div id="t"></div>

<button id="btn">hahaha</button>

<div id="t"></div>

<script type="text/javascript" src="jquery.js"></script>

<script>

function hello(){

alert("hello!")

}

$("#t").html('<div onclick="hello()">hello</div>')

</script>

可能是你的代码先后顺序有问题,我这里测试没问题。js要在div t的后面。另外onclick事件不需要在里面加javascript它本身就是执行一个js函数,如果是a标签href里就需要加。如果你的js一定要写在前面也可以把你的代码写入:

$(document).reday(function(){

$("#t").html('<div onclick="hello()">hello</div>')

})

这个TEXT指的是你的变量吗?  还是JQ方法?

你可以按我以下的思路试试:  (ps:不知道我理解对没~)

var text = xxxxxxxx

//定义text,添加div

$(this).append('div')

//在div里添加a标签,并将text作为a的href使用

$('div').html('<a href="'+text+'"></a>')

可以先给div标签设置id,然后给这个id绑定点击事件。

1、新建html文档,在body标签中添加一个div标签,为div标签设置一个id,这里以“demo”为例:

2、在head标签中引入jquery的js文件,这时可以使用cdn链接:

3、添加script标签,在script标签中绑定“demo”,然后使用click函数为div标签绑定点击事件:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11854608.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存