Question

当我点击图片时，在下面的div中

<img src='uploads/<? echo $dir; ?>/<? echo $file; ?>/<? echo $file1; ?>' width='100px' height='100px' style='margin-left:5px; margin-bottom:5px; border:#fff solid 2px;' id='<? echo $i; ?>' class="ind_img">

使用此jquery代码

$('.ind_img').bind('click',function(f){

var img_large = f.target.id;
var img_src = $('#'+img_large).attr('src');
var disp = '<div  style="margin:0px;"><img src="'+img_src+'"></div>';
$('#display').html(disp);

});

图片在以下div中放大，将<? include('gallery.php'); ?>替换为<div style="margin:0px;"><img src="'+img_src+'"></div>（上面的代码）

<div id="display" style="overflow-y:scroll; overflow-x:none height:598px;">
  <? include('b.php'); ?>
</div>

但是当我点击<div id=all>All</div> <div style="margin:0px;"><img src="'+img_src+'"></div>时会被

取代

<? include('gallery.php'); ?>    

<div id="display" style="overflow-y:scroll; overflow-x:none height:598px;">
  <? include('b.php'); ?>
</div>

这一切都很好，但是如果不刷新此页面我就无法重复此步骤，为什么？

由于让

Answer 1

我觉得你在帖子中包含了太多的信息，特别是所有这些与jQuery无关的PHP代码。如果你希望人们能够解决问题，你应该清理它。

我的猜测是，当您用另一个图像替换图像时，click事件不会绑定到新图像。您可以像对其他元素一样手动绑定它，也可以使用live method为所有ind_img类的实例绑定click事件，无论是现在还是将来。

代码有效，但无法在没有页面刷新的情况下重复 - jQuery

1 个答案: