阻止錨點標記操作，同時拖動元素

我正在使用jQuery迂迴插件觸摸設備。輪播中的每個元素都鏈接到一些html頁面，並且我已拖放使能，在拖動期間如何禁用錨標記上的單擊事件並在拖放完成時再次撤消。阻止錨點標記操作，同時拖動元素

2013-02-21 user2094923

爲了避免導航寫在錨標籤如下， – 2013-02-21 10:07:08

thanks for quick reply actually link should go to about.html but just want to deactivate whiling dragging carousel to right or left. – user2094923 2013-02-21 10:09:44

can u post some code to suggest further? – 2013-02-21 10:18:22

我修改過的例子顯示在w3school中最適合您的要求。通過以下代碼，

<html> 
<head> 
<style type="text/css"> 
#div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;} 
</style> 
<script> 
function allowDrop(ev) 
{ 
ev.preventDefault(); 
} 

function drag(ev) 
{ 
ev.dataTransfer.setData("Text",ev.target.id); 
} 

function drop(ev) 
{ 
ev.preventDefault(); 
var data=ev.dataTransfer.getData("Text"); 
ev.target.appendChild(document.getElementById(data)); 
} 
</script> 
</head> 
<body> 

<p>Drag the Google link into the rectangle:</p> 

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div> 
<br> 
<a id="drag1" href="http://www.google.com" draggable="true" ondragstart="drag(event)"> Google</a> 
</body> 
</html>

將Google鏈接拖入框中，然後單擊它以導航。我希望這能幫到您。

來源

2013-02-25 08:31:09

阻止錨點標記操作，同時拖動元素

回答

相關問題