Question

我正在使用jQuery gridrotator effect作为我的照片库。此插件在多个列和行内创建图像网格，这些图像将图像排列到网格中，其余图像将以不同的动画和延迟显示。但要执行此操作，标记<img>将被删除，并由带有src的锚<a>替换为样式。

来自：

<img src="thumbnail/23.jpg"/>

到此：

<a href="#" style="background-image: url(thumbnail/23.jpg);">

我想禁用旋转器效果并通过单击按钮保持静态图像。所以我尝试添加<img>标记并删除锚标记：

$("#destroy").click(function(){
    $("#ri-grid").attr('id','ri-order');
    var anchor = $("#ri-order").children('ul').find('a');
    anchor.each( function() {
        var bg = $(this).css('background-image');
        bg = bg.replace('url(','').replace(')','');
        $(this).parent().append('<img />');
        $(this).parent().find('img').attr( 'src' , bg );

        $(this).remove();
    });
});

这是example。如果单击“禁用效果”按钮，您可以看到我的代码工作正常，但几秒钟后标记锚点和动画在DOM中返回。

为什么呢？有没有办法禁用这种效果？或者如何禁用或销毁gridrotator()功能？

非常感谢您的帮助！

Answer 1

var Grid = $("#ri-grid").clone();
$("#ri-grid").html("").replaceWith(Grid);
$(".ri-grid").attr("id", "ri-grid-new");

将此添加到$("#destroy").click函数的开头，这应该可以解决问题。

如何破坏gridrotator（）函数？

1 个答案: