jQuery UI可拖动事件无法正常工作

Question

我正在使用jQuery和jQuery UI来使一些div可拖动，这是有效的。

$(".bluebox").draggable({
  revert: true,
  start: function() {
    $("#bluebox").css("background-color", "#43c8d4");
  },
  drag: function() {
    $("#bluebox").css("background-color", "green");
  }
});

但是，start和drag事件不会导致css运行。

这里是小提琴：https://jsfiddle.net/Lqop6ho6/

Answer 1

您的jQuery选择器是错误的。

您尝试定位的元素有一个名为$(".bluebox")的类，而不是ID，因此选择器应该是$("#bluebox")而不是.bluebox - (updated example)。

作为旁注，由于您要在.draggable()方法中重新选择this元素，因此您可以使用$(".bluebox").draggable({ revert: true, start: function(){ $(this).css("background-color", "#43c8d4"); }, drag: function(){ $(this).css("background-color", "green"); } }); 关键字，因为它将引用该元素：

start

值得指出的是，drag回调不会产生任何影响，因为它会被url(r'^asolicitacao', views.someview, name='test'),方法的样式更改覆盖。