相关疑难解决方法(0)

向jQuery draggable revert"event"添加一个函数

是)我有的:

我有一个可拖动的div,其恢复参数设置为"无效".

我需要的:

当恢复发生时,我想触发CSS更改到另一个元素.

问题:

"revert"是参数而不是事件,因此在恢复发生时触发所需的CSS更改时遇到很大困难.

我的代码:

$('#peg_icon').draggable({
    revert: 'invalid',
    scroll: false,
    stack: "#peg_icon",
    drag: function(event, ui) {
        $('#peg_icon').css('background-image','url(images/peg-icon-when-dragged.png)');
    }
});
Run Code Online (Sandbox Code Playgroud)

我尝试过的:

我没有尝试使用"revert"作为事件:

revert: function(event, ui) {
    $('#peg_icon').css('background-image','url(images/peg-icon-default.png)');
},
Run Code Online (Sandbox Code Playgroud)

我也无意中试图让revert paramater接受这个功能:

function(socketObj)
  {
     //if false then no socket object drop occurred.
     if(socketObj === false)
     {
        //revert the peg by returning true
        $('#peg_icon').css('background-image','url(images/peg-icon-default.png)');
        return true;
     }
     else
     {
        //return false so that the peg does not revert
        return false;
     }
  }
Run Code Online (Sandbox Code Playgroud)

语境:

我正在拖动一个div,当拖动时,背景图像会改变,当拖动恢复时,背景图像将恢复到其原始状态.

我的问题:

在拖动时发生恢复时,如何触发对其他元素的CSS更改?

jquery-ui revert jquery-draggable

21
推荐指数
1
解决办法
2万
查看次数

标签 统计

jquery-draggable ×1

jquery-ui ×1

revert ×1