Question

I am using jquery-ui-1.8.18.custom.min.js for the jquery dialog box.

Following is the code to open:

    $('#userDetLink').click(function (e) {
            $('#userDet').dialog('open');
        });

    $('#userDet').dialog({
        bgiframe: true,
        autoOpen: false,
        open: function (event, ui) {
            //do nothing
        },
        close: function (event, ui) {
            //do nothing
        },
        width: 470,
        modal: false,
        zIndex: 9999
    });

On clicking the link (userDetLink) it opens the dialog box. On each click of the link, it increases the zindex by 1(10000, 10001, 10002,…), though i set the zindex of jquery dialog to 9999.

Is there any workaround for this?

Answer 1

change this:

$('#userDet').dialog({
    bgiframe: true,
    autoOpen: false,
    open: function (event, ui) {
        //do nothing
    },
    close: function (event, ui) {
        //do nothing
    },
    width: 470,
    modal: false,
    zIndex: 9999,
    stack: false
});