2012-04-16 17 views
0

Mootools "The Wall"プラグインを使用して画像の壁を作成しています。 initWall()で問題なく作成されていますが、「a」タグでイメージをラップすると、ドラッグが終了するとリンクがクリックされ、クリックしていなくてもhrefに転送されます。ここに私のコードですMootools Wall Pluginで画像をクリック可能にする

結果の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> 

アップデートのように見えます

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(); }); 

:回答 OK。それを自分で分かった「クリック」イベントハンドラを追加し、getMovement関数を使用するために必要です。

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

答えて

0

OK。それを自分で分かった「クリック」イベントハンドラを追加し、getMovement関数を使用するために必要です。

a.addEvent("click",function(e){ 
if(wall.getMovement()){ 
    e.stop(); 
    } 
}); 
関連する問題