jquery - 如何在拖动时禁用单击

Question

我有这样的事情：

<div class="container">
  <img src=""><img src=""><img src=""><img src=""><img src=""><img src="">
  <div class="vid"></div>
</div>

和 jQuery

jQuery(".container").draggable({
        cursor: "move",
        opacity: 0.85,
        axis: "x",
        containment: [-wystaje, 0, 0, 0]
    });

和

jQuery('img').each(function () {
  jQuery('.vid').fadeIn("slow");
 });

现在，当我单击图像并拖动时，会出现 div“vid”。怎么做：

我单击图像，拖动，释放鼠标按钮，然后单击图像并出现 div“vid”？

Answer 1

你可以试试这个：

.container{ 
    border: 1px solid blue;
    height: 400px;
}

.vid { 
    width: 100px;
    height: 100px;
    background: black;
    display: none;
}

img {
    width: 100px;
    height: 100px;
    background: purple;
}

这是jQuery：

$(document).ready(function(){

    jQuery(".container").draggable({
        cursor: "move",
        opacity: 0.85,
        axis: "x"
    });

    jQuery('img').click(function () {
        jQuery('.vid').fadeIn("slow");
    });

});