0

我有几个具有唯一 ID 的 div 标签，在特定图像的点击事件之后，我试图刷新它。我怎样才能做到这一点？到目前为止，这就是我的代码：

HTML：

<div class="photo_gallery_container" <?php echo($div_id); ?>>
    <table class="table table-bordered table-condensed">
        <thead >
            <tr style="background-color: #f5f5f5;">
                <th colspan="2" style="text-align: right;"><span style="cursor:pointer" id="delimg_<?php echo($id); ?>" class="delimg"><span class="label label-important">Delete</span></span></th>
            </tr>               
        </thead>
        <tbody>
            <tr>
                <td>
                    <img src="<?php echo($url['url'])?>" style="height:120px;"/>
                </td>
                <td>
                    <a href="#" id="rotateimg_<?php echo($id); ?>" class="rotateimg">Rotate</a>
                </td>
            </tr>
        </tbody>
    </table>
</div>

我的旋转点击事件如下所示：

$('.rotateimg').click(function(e) {
    e.preventDefault();
    var id = $(this).attr('id').substr(10);

    $.post("/functions/photo_functions.php", { f: 'rotate', imgid: id }, function(status){

        if (status == 'true') {

            // How can I reload the specific image after being rotated

        }
    });

});
4

2 回答 2

2

只需将查询字符串附加到img的 URL（例如?v=1），这会使浏览器误以为这是一个新图像。

这是一个示例（假设id是页面上图像的 id）：

$('#' + id).prop('src', function(i, v)
{
    var separator = v.indexOf('?') == -1 ? '?' : '&';

    return v + separator + 'v=' + ( new Date() ).getTime();
});

由于您img在页面上似乎没有 ID，因此您可以遍历 DOM 来找到它，如下所示：

$(this).parent().prev().find('> img')
于 2012-07-10T00:23:08.990 回答
0

插件怎么样？

$.fn.refresh(function() {
  return this.each(function() {
    var $this = $(this);
    var source = $this.data('orig-src');
    var timestamp = (new Date()).getTime();

    if (!source) {
      $this.data('orig-src', $this.prop('src'));
      source = $this.data('orig-src');
    }

    if (source.indexOf('?') != -1) {
      $this.prop('src', source + '&t=' + timestamp)
    } else {
      $this.prop('src', source + '?t=' + timestamp)
    }
  });
});

<img />现在您可以在标签上调用它：

$('img.foo').refresh();
于 2012-07-10T00:30:44.543 回答