关于jQuery用.load,.html加载html后失效的问题
jQuery:
$(document).ready(function(){
$('.Small_image').click(function(){
$('#Big_image').attr("src",$(this).attr("alt"));
});
$('.imagetool').click(function(){
$('#imagebox).load('imagehtml.php',{'id':$(this).attr("alt")});
});
});
HTML:
<div id="imagebox">
<div class="imagebig"><img src="images/a_1_b.jpg" /></div>
<div class="imagesmall">
<img class="imagesmall" src="images/a_1_s.jpg" alt="images/a_1_b.jpg"/>
<img class="imagesmall" src="images/b_1_s.jpg" alt="images/b_1_b.jpg"/>
<img class="imagesmall" src="images/c_1_s.jpg" alt="images/c_1_b.jpg"/>
</div>
</div>
<div id="">
<img class="imagetool" src="images/1.jpg" alt="1"/>
<img class="imagetool" src="images/2.jpg" alt="2"/>
<img class="imagetool" src="images/3.jpg" alt="3"/>
</div>
PHP生成的html:
1.
<div class="imagebig"><img src="images/a_1_b.jpg" /></div>
<div class="imagesmall">
<img class="imagesmall" src="images/a_1_s.jpg" alt="images/a_1_b.jpg"/>
<img class="imagesmall" src="images/b_1_s.jpg" alt="images/b_1_b.jpg"/>
<img class="imagesmall" src="images/c_1_s.jpg" alt="images/c_1_b.jpg"/>
</div>
2.
<div class="imagebig"><img src="images/a_2_b.jpg" /></div>
<div class="imagesmall">
<img class="imagesmall" src="images/a_2_s.jpg" alt="images/a_2_b.jpg"/>
<img class="imagesmall" src="images/b_2_s.jpg" alt="images/b_2_b.jpg"/>
<img class="imagesmall" src="images/c_2_s.jpg" alt="images/c_2_b.jpg"/>
</div>
3.
<div class="imagebig"><img src="images/a_1_b.jpg" /></div>
<div class="imagesmall">
<img class="imagesmall" src="images/a_3_s.jpg" alt="images/a_3_b.jpg"/>
<img class="imagesmall" src="images/b_3_s.jpg" alt="images/b_3_b.jpg"/>
<img class="imagesmall" src="images/c_3_s.jpg" alt="images/c_3_b.jpg"/>
</div>
问题:
运行
$('.imagetool').click(function(){
$('#imagebox).load('imagehtml.php',{'id':$(this).attr("alt")});
});
后
$('.Small_image').click(function(){
$('#Big_image').attr("src",$(this).attr("alt"));
});
就失效了
请问有什么方法可以解决啊