這是js點(diǎn)擊變換圖片和下拉列表的代碼
$('#mycarousel?li').click(function(){
??var?$this?=?$(this);
??$('#imgpath').attr('src',?$this.find('img').attr('data-original'));?
????$this.find('img').addClass('actived').parent().siblings().find('img').removeClass('actived');
????????????$('#plist')[0].selectedIndex?=?currentPlayIndex;
});
$('#plist').change(function(){
var?$this?=?$(this);
var?selectedIndex?=?$this.find(':selected').index();
$('#mycarousel?li').eq(selectedIndex).trigger('click');
});
下面是頁面html的：
圖片列表
<ul?id="mycarousel"?>
??????<script?type="text/template"?charset="utf-8"?id="mycarouseltmp">
?? ??????????????????{{?for(var?i=0;i<it.length;i++){?}}
?? ??????????????????<li><img?class="lazy"?src="img/grey.gif"?data-original="{{=it[i].img_path}}"?width="80"?height="60"?alt=""?title="{{=it[i].ymd}}"></li>?
?? ??????????????????{{?}?}}
???????</script>
</ul>
對(duì)應(yīng)圖片的時(shí)間列表
<div?class="plist">?
????????????????????<select?id="plist">?
???????????????????? <script?type="text/template"?charset="utf-8"?id="plisttmp">
???????????????????? {{?for(var?i=0;i<it.length;i++){?}}
???????????????????? <option>{{=it[i].ymd}}</option>
???????????????????? {{?}?}}
???????????????????? </script>
????????????????????</select>?
</div>
doT.js模板生成的html代碼click事件失效
偽文青的楊小蜂
2017-09-22 21:35:52
