jquery-ui-dialog: why does clicking on elements inside dialog spawn more dialogs?

Question

$(top.document).ready(function () {   

   $(document).click(processAction);



function processAction(e){
    var clicked = e.target;
newDialog("You've Clicked On A Link !")

function newDialog(mytitle){
   var $dialog = $('<div id="myunique"></div>')
        .html("<a href='http://sss.com'>click</a>")
        .dialog({
            autoOpen: false,
            modal: true,
            title: mytitle
        });
    $dialog.dialog('open');
    return false
}

});

The problem I am having is that when I click anywhere in the dialog, a new dialog popups, and it seems to produce several of these in a row.

My goal is: catch all the clicks on page EXCEPT the elements inside the dialog.

Community · Accepted Answer · 2017-05-23 12:26:48Z

1

your problem is probably here:

$(document).click(processAction);

this means that any time you click anywhere on your page, the processAction() method runs!

change this so that it only runs when a button or link is clicked and it should solve your problem.

EDIT: according to your edit you want to capture clicks outside your dialog box. Check out this thread for instructions on how to do this.

edited May 23, 2017 at 12:26

CommunityBot

11 silver badge

answered Sep 23, 2010 at 23:26

Jason

52.7k38 gold badges139 silver badges188 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

KJW Over a year ago

i tried $('body').delegate('*:not(#mymenu *)','click', processAction); and it doesn't work

Jason Over a year ago

yes, because that means that whenever someone clicks anywhere on the page it will run your method. set your click handler to something like $('.mylink').click(processAction)

KJW Over a year ago

even doing this $('body').delegate('a:not(#mymenu *)','click', processAction); results in a new dialog spawning when I click the link inside the dialog....

KJW Over a year ago

the reason I am doing this is, I need to catch all the clicks EXCEPT the elements inside the dialog.

KJW Over a year ago

tried the event.stopPropagation method but as soon as I click on teh link, the dialog appears and then it navigates to the following page.

Collectives™ on Stack Overflow

jquery-ui-dialog: why does clicking on elements inside dialog spawn more dialogs?

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related