Question

我正在使用Mootools“The Wall”插件创建一个图像墙。它在initWall（）上创建没有任何问题，但如果我将图像包装在“a”标签中，拖动完成后，链接被点击，我被转移到href，即使我没有点击它。这是我的代码

window.addEvent("domready", function() {
new Wall("wall", {
width: 260,
height: 180,
rangex: [-10,10],
rangey: [-10,10],
inertia: true,
callOnUpdate: function(items) {
  items.each(function(item) {
    var a=new Element("a",{
        href:"post.php",
        styles: {
            opacity: 0
            }
        });
    var img=new Element("img",{
        src:"img/260x180.gif"
        });
    img.inject(a);
    a.inject(item.node).fade(1);
  });
}
}).initWall();  
});

生成的HTML就是这个

<div class="tile" col="-1" row="-1" rel="-1x-1" style="position: absolute; left: -260px; top: -180px; width: 260px; height: 180px; ">
    <a href="post.php" style="visibility: visible; zoom: 1; opacity: 1; ">
        <img src="img/260x180.gif">
    </a>
</div>

如何将项目本身作为最外层的类，因此该项目看起来像

<a href="post.php" class="tile" col="-1" row="-1" rel="-1x-1" style="position: absolute; left: -260px; top: -180px; width: 260px; height: 180px; ">
    <img src="img/260x180.gif">
</a>

更新：已回答 好。我自己想通了。需要添加“click”事件处理程序并使用getMovement函数。

a.addEvent("click",function(e){
if( wall.getMovement() ){
    e.stop();
    }
});

Answer 1

行。我自己想通了。需要添加“click”事件处理程序并使用getMovement函数。

a.addEvent("click",function(e){
if( wall.getMovement() ){
    e.stop();
    }
});

在Mootools Wall插件中制作图像可点击

1 个答案: