innerhtml 不能运行js的问题
后台js拼接出的页面 或者 后台直接动态加载的html不执行js方法的问题
今天得到了解决
$("#tobrr").html("要加载的数据");
一般这样动态拼出来的代码,对js的执行效果不是很好,
有时候根本就不能执行,那么怎么办? 看一下代码(代码在下边),
就能很好的解决这个问题,再不用什么第三方插件执行js了,
正常的用bind()重新绑定js就能解决问题,
说明白了,就是动态加载出来的html,没有注册js脚本,动态加载的代码,
js根本就找不到,js不支持二次调用。
那么怎么样让js能够识别我们拼接出来的html呢,那就要用到jquery里面的bind()方法了,
我做的这个功能是鼠标的移入移出的效果,
html代码是拼接出来的,就遇到了这个问题,后来查阅了很多资料还是不行,
之后在同事的帮助下解决了,虽然不是很顺利吧,但是结果还是令人满意的,
代码如下:给大家分享一下
$('.class1').bind("mouseover", function () { $(this).children('.div2').show(); }); $('.jobName').bind("mouseout", function () { $(this).children('.div2').hide(); });方法很简单,希望对大家有用
还请大伙多多指导
原文链接:解决innerhtml,html()动态加载出来的html代码不执行js方法