一下代码片段是我在jquery中通过动态循环,把一段html代码通过jquery的.html()方法写进去的,现在,这个图片轮换的效果出不来,我看网上的说法,就是.html()后,对css和js不受控制,如何改写才能让我这段html代码中的css有效,尤其是data-rel是调用的外部js文件的图片轮换效果!请教,请教!
var i;
var tempstr="";
var allimgdivstr="";
$.each(tempresponse['data'],function(key,val){
i=key+1;
tempstr="<div class=\"ownpic gallery-item\">
<img src=\"__ROOT__/Uploads/"+val+"\" alt=\"gallery "+i+"\" />
<div class=\"overlay\">
<a href=\"__ROOT__/Uploads/"+val+"\" data-rel=\"lightbox\" class=\"fa fa-arrows-alt\"></a>
</div>
</div> ";
allimgdivstr+=tempstr;
});
$('#ImagesLightBoxOne').html(allimgdivstr);是不是直接在$('#ImagesLightBoxOne').html(allimgdivstr);后面加如下代码?
$('#ImagesLightBoxOne a').addClass("fa fa-arrows-alt");
$('#ImagesLightBoxOne a').attr("data-rel","lightbox");
$('#ImagesLightBoxOne div:odd').addClass("ownpic gallery-item");
$('#ImagesLightBoxOne div:even').addClass("overlay");
我加进去后,还是没有效果。#ImagesLightBoxOne是包含以上遍历html的div容器。
$.each()是循环遍历,flag=true连续执行?另外,我按照您的结构写了,还是没有实现效果。能不能在线帮助下,我的QQ:282161073
追答请问您是如何引入js文件的?tempresponse['data']的具体数据是什么?