删除后的Jquery回调

删除后的Jquery回调,jquery,Jquery,在这把小提琴里,你可以拖动橙色的盒子,然后把它放到白色的盒子里 我正在尝试创建一个回调函数,该函数在丢弃后启动。例如,一旦橙色盒子被放入白色盒子中,你能淡出蓝色小盒子吗?我不在乎是否使用了正确的回调,或者是否有其他方式触发新的淡出功能。我只是想创造一系列事件 另外,我从中获得jquery的教程没有对元素使用z索引。然而,当我将橙色框拖到白色框中时,它没有显示出来,直到我在其上放置了2的z索引(即橙色框隐藏在下面)。我是否可以对html进行更改,以便不必使用z索引 我是个新手,所以如果你能在jsf

在这把小提琴里,你可以拖动橙色的盒子,然后把它放到白色的盒子里

  • 我正在尝试创建一个回调函数,该函数在丢弃后启动。例如,一旦橙色盒子被放入白色盒子中,你能淡出蓝色小盒子吗?我不在乎是否使用了正确的回调,或者是否有其他方式触发新的淡出功能。我只是想创造一系列事件

  • 另外,我从中获得jquery的教程没有对元素使用z索引。然而,当我将橙色框拖到白色框中时,它没有显示出来,直到我在其上放置了2的z索引(即橙色框隐藏在下面)。我是否可以对html进行更改,以便不必使用z索引

  • 我是个新手,所以如果你能在jsfiddle上告诉我如何设置在通话时生效的回拨,我将不胜感激


    干杯你可以这样做:

    drop: function (event, ui) {
        $(this)
            .addClass ("ui-state-highlight")
            .find ("p")
            .html("dropped");
        $("#blue").fadeOut(); //This lines fades out after the drop
     }
    
    或者,相同的“回调”样式:

    drop: function (event, ui) {
                $(this)
                    .addClass ("ui-state-highlight")
                    .find ("p")
                    .html("dropped");
                droppedOnWhite();
             }
    
    function droppedOnWhite(){
      $("#blue").fadeOut(); //This lines fades out after the drop;
    }
    
    我更新了你的小提琴:


    希望这有帮助。干杯

    非常感谢。你知道关于z指数的第二个问题的答案吗?