如何调用jquery拖动事件
我的代码有一些div,它们根据不同的操作显示在屏幕上。div有句柄,可以通过jqueryui.draggable代码拖动它们。我设置了可拖动的ui堆栈选项,这样当您拖动一个项目时,它会自动移动到所有其他可拖动项目的前面 我遇到的问题是,我希望一个div移动到前面,即使你只需单击手柄,而不将其拖动到任何地方。我尝试过在单击句柄时触发各种事件,例如mousedown、mousemove、mouseup、drag、dragstart和dragstop,但似乎没有一个能起到作用。我也尝试过仅仅改变z索引值,但到目前为止效果也不好 我的代码看起来像这样。假设我有div,把手是h5标签。我已经实例化了draggable函数。因此,我:如何调用jquery拖动事件,jquery,triggers,draggable,Jquery,Triggers,Draggable,我的代码有一些div,它们根据不同的操作显示在屏幕上。div有句柄,可以通过jqueryui.draggable代码拖动它们。我设置了可拖动的ui堆栈选项,这样当您拖动一个项目时,它会自动移动到所有其他可拖动项目的前面 我遇到的问题是,我希望一个div移动到前面,即使你只需单击手柄,而不将其拖动到任何地方。我尝试过在单击句柄时触发各种事件,例如mousedown、mousemove、mouseup、drag、dragstart和dragstop,但似乎没有一个能起到作用。我也尝试过仅仅改变z索引
$("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);
});
某些选择器可能需要更改,因为我看不到您的完整代码。我找到了这个片段,并从中进行了修改。就是这样!非常感谢!