How Do I Pass A An Element Position To Jquery UI Dialog

I have a list of elements and when clicking on each one I would like my jQueryUI dialog box to pop up next to the list element that was clicked on. $( '#selector' ).dialog({ dragga

Solution 1:

Since you want to show the dialog next to the clicked element, you should defer setting the dialog's position until that information becomes available, i.e. in your event handler:

$("#selector").dialog({
    draggable: false,
    width: 250,
    autoOpen: false
});

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

Solution 2:

Before showing the dialog again, try:

$("#selector").dialog("option", "position", [e.pageX, e.pageY]);