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

<button id="btn">hahaha</button>
<div id="t"></div>
用$("#t").html("<div onclick='javascript:hello();'>hello</div>");之后, 点击新产生的div提示hello() not defined
<button id="btn">hahaha</button>
<div id="t"></div>
上面这些在一个页面里面, 页面引入那个js, hello()也在那个js里面定义了的


<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>');
});

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-08-21
<script type="text/javascript">
    $(function(){
        $(".test").live("click",function(){
            hellow();
        });
    });
    $("#t").click(function(){
        $("#t").append("<div class='test'></div>");
    });
    function hellow(){
        alert("hellow");
    }
</script>

第2个回答  2013-08-20

hello方法没有被定义,先自己定义一个hello的方法

function hello() {
    alert("hello");
}

追问

有定义的

追答

是否引入的js路径有错误?直接把hello定义在当前页面。

第3个回答  2013-08-20
方法没定义啊!追问

有定义的

第4个回答  2013-08-20
你好!

你的js中有hello这个方法函数么?追问

有定义的

追答

你可以在页面初始化时,调用下hello()方法,看看是否执行了该函数!

根据你的异常信息,分明是没有找到该函数!!

jquery 怎么给div添加点击事件
可以先给div标签设置id,然后给这个id绑定点击事件。1、新建html文档,在body标签中添加一个div标签,为div标签设置一个id,这里以“demo”为例:2、在head标签中引入jquery的js文件,这时可以使用cdn链接:3、添加script标签,在script标签中绑定“demo”,然后使用click函数为div标签绑定点击事件:...

怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div
利用jq的append()追加函数即可实现,如:html:<div class="main"> <input type="button" value="添加" class="btn" \/><\/div>JQ:(document).ready(function(){ $(".btn").click(function(){ var html = '<div style="width:200px; height:30px; border:1px dashed red; mar...

怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div
<\/style> <script type="text\/javascript" src="jquery-1.8.0.min.js"><\/script> <script type="text\/javascript"> (function (){ ('button').click (function (){ ('body').append('<div>11<\/div>');});})<\/script> <\/head> <body> <button>添加div<\/button> <\/body> <\/ht...

jquery 中点击事件$("div").live("click",function(){})和$("div...
1、$("div").live("click",function(){}):方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。2、$("div").click(function(){}):当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click。三、规定不同 1、$("div").live("click",fu...

jquery在div中添加元素(jquery添加)
div我是示例DIV\/div inputtype="button"value="设置上一个div的id为test"陵拍 2、jquery代码 (function(){ ("input:button").click(function(){ (this).prev("div").attr("id","test");});});jquery怎么在元素前面插入东西jquery在元素前面插旁链入东西可以使用before()函数。语法:$(select...

jquery 操作div内容插入到另一个div
1、我们先引入jquery的脚本文件。2、在html里,我们在一个div里有内容「百度」。3、后面添加一个按钮,有一个changeText的事件函数。4、在changeText方法里,我们先使用jquery通过id获得对应的div。5、然后使用jquery的html方法来直接设置新的文字内容就行了。6、点击按钮后,div的文字内容变成「百度知道...

jQuery on()方法绑定动态元素的点击事件无响应的解决办法
探索jQuery on()方法如何在动态元素上绑定点击事件,以及解决绑定后无响应的问题。作为官方推荐的事件绑定方式,jQuery的on()方法实现代理动态元素事件功能,如使用append创建元素时。错误实例:此方法仅将click事件绑定给拥有"evt"类的第一个div,随后通过append添加的div未接收到事件。纠正策略:正确的on()...

我使用jquery中的append方法,动态添加新的元素内容,新添加的元素上的o...
jquery中有一个叫live的方法:jQuery 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效。

jQuery我想做一个,点击新建出来一个div,鼠标按下拖动div也跟着移动,代码...
t=false; }) $("#run").mousedown (function(e){ \/\/ 每次在 #run 上按下鼠标就会添加一次鼠标移动事件! $(this).mousemove(function(e){ if(t) { $("#aa").html(e.pageX+","+ e.pageY) \/\/ 下面这句应该改为 X、Y 都减 5 $(this).css({"left"...

jquery 点击按钮 新增一个div,并且div的id不同累加1,2,3,4
add()'>添加一个DIV<\/button><script>const main = $('#main');let id = 1;function add() {let html = '<div style="border: 1px solid #333;" id="id-'+ id +'">一个新的DIV, ID为 '+ id +'<\/div>';main.append(html);id += 1;}<\/script><\/body><\/html> ...

相似回答