jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 如何将元素位置传递给jquery UI对话框大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个元素列表,当点击每个元素时,我希望我的jQueryUI对话框在单击的列表元素旁边弹出.

$( "#SELEctor" ).dialog({ draggable: false,width: 250,autoOpen: false,position: [e.pageX,e.pageY] });

$(".openDialog").click(function(E){
        console.log('I need the cooridnates x:'+e.pageX+' and y:'+e.pageY+'to be passed to the dialog Box');
        $( "#SELEctor" ).dialog("open");
});

我可以得到我需要的坐标,但是我无法将它们传递给对话框init.

希望对此有所了解.

提前致谢!

解决方法

由于您希望在单击的元素旁边显示对话框,因此您应该推迟设置对话框的位置,直到该信息可用,即在您的事件处理程序中:

$("#SELEctor").dialog({
    draggable: false,autoOpen: false
});

$(".openDialog").click(function(E) {
    $("#SELEctor").dialog("option","position",[e.pageX,e.pagey])
                  .dialog("open");
});

大佬总结

以上是大佬教程为你收集整理的javascript – 如何将元素位置传递给jquery UI对话框全部内容,希望文章能够帮你解决javascript – 如何将元素位置传递给jquery UI对话框所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。