doT.js模板生成的html代码click事件失效

Question

这是js点击变换图片和下拉列表的代码
$('#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>
对应图片的时间列表
<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>

Answer 1

已解决

Answer 2

各位大牛来帮帮忙