Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何调用jquery拖动事件_Jquery_Triggers_Draggable - Fatal编程技术网

如何调用jquery拖动事件

如何调用jquery拖动事件,jquery,triggers,draggable,Jquery,Triggers,Draggable,我的代码有一些div,它们根据不同的操作显示在屏幕上。div有句柄,可以通过jqueryui.draggable代码拖动它们。我设置了可拖动的ui堆栈选项,这样当您拖动一个项目时,它会自动移动到所有其他可拖动项目的前面 我遇到的问题是,我希望一个div移动到前面,即使你只需单击手柄,而不将其拖动到任何地方。我尝试过在单击句柄时触发各种事件,例如mousedown、mousemove、mouseup、drag、dragstart和dragstop,但似乎没有一个能起到作用。我也尝试过仅仅改变z索引

我的代码有一些div,它们根据不同的操作显示在屏幕上。div有句柄,可以通过jqueryui.draggable代码拖动它们。我设置了可拖动的ui堆栈选项,这样当您拖动一个项目时,它会自动移动到所有其他可拖动项目的前面

我遇到的问题是,我希望一个div移动到前面,即使你只需单击手柄,而不将其拖动到任何地方。我尝试过在单击句柄时触发各种事件,例如mousedown、mousemove、mouseup、drag、dragstart和dragstop,但似乎没有一个能起到作用。我也尝试过仅仅改变z索引值,但到目前为止效果也不好

我的代码看起来像这样。假设我有div,把手是h5标签。我已经实例化了draggable函数。因此,我:

$("div.window h5").click(function() {
   $(this).parents("div:first").trigger("whatever event i am trying");
)};
但这不起作用。(我也试着把扳机放在h5本身而不是母div上)。我没有看到错误,我只是没有得到想要的结果

提前感谢您的帮助

试试这个:

$("div.window h5").click(function(e){

   // Variable to hold the highest z-index
   var largestZ = 1; 

   // I have used div.window h5 but this should cycle through each draggable element
   $("div.window h5").each(function(i) {
      // Get the the z-index and update if it is larger than current largest value
      var currentZ = parseFloat($(this).css("zIndex"));
      largestZ = currentZ > largestZ ? currentZ : largestZ;
   });

   $(this).css("z-index", largestZ + 1);
});

某些选择器可能需要更改,因为我看不到您的完整代码。我找到了这个片段,并从中进行了修改。

就是这样!非常感谢!