Question

我有一个图像，当onmousedown被触发时，它会运行一个改变其类并使其可拖动的函数，但是当我第一次拖动它时它不会拖动，它会改变类但不会拖动？在初始失败拖动之后，如果再拖动它会拖动但是为什么它不会先拖动？

function element_click(element_class) {
  $("#" + element_class).draggable("enable");
  $("." + element_class).addClass("element_select");
  $("#" + element_class).draggable({
    disabled: false,
    opacity: 0.9,
    revert: true,
    stop: function(event, ui) {
      $(".element_select").removeClass('element_select');
      $("#" + element_class).addClass(element_class);
      $("#" + element_class).draggable("disable");
    }
  });
}


<img id="element_air_1" style="z-index: 5;" class="element_air_1" 
 onmousedown="javascript: element_click('element_air_1')" 
src="Doodle God Elements/air.png">

Answer 1

当你将添加到DOM 之前它

Answer 2

将此代码块添加到您的脚本中：

window.onload = function(){
    element_click($('#element_air_1').attr('class'));   
}

它会在您第一次点击之前触发您的脚本。

Jquery UI draggable不会第一次拖动

2 个答案: