最新消息:红方科技年末特惠:.com域名55元、云虚机五折优惠,买3年送2年,更有智能建站套餐等你来取!

关于jquery动态添加元素后无法执行涉及该元素的js效果的解决方法

JS yinhexi 5237浏览 0评论

今天碰到一个jquery动态添加元素后再对该元素执行其他js特效的问题,一直想不到好的解决方法,最后用如下方法彻底解决此问题:

动态添加元素后,如果要执行涉及到该元素的js,需要用bind方法即可。

example:

<script>

$(function() {
var slidesCont = ”;
$(‘.flexslider .slides’).find(‘a’).each(function(){
slidesCont += “<li>”+$(this).html()+”</li>”;
});
$(‘.flexslider .slides’).html(slidesCont);
});
$(window).bind(‘load’,function(){
$(‘.flexslider’).flexslider();
});

</script>

<div class=’flexslider’>
<ul class=”slides”>
<a href=”><img src=”></a>

<a href=”><img src=”></a>
</ul>
</div>

转载请注明:红方博客 » 关于jquery动态添加元素后无法执行涉及该元素的js效果的解决方法