jquery - How i can stop the code after opening a dialog box? -

jquery - How i can stop the code after opening a dialog box? -

i got problem code :

$("#lbcreer").click(function (e) { e.preventdefault(); $("input:checked").each(function () { var id = this.value; $("#hdid").val(id); $("#dialog-form").dialog("open"); }); alert('toto'); });

i'd stop each after opening dialog box. how cant it?

thanks

you need sequence execution, cannot utilize loop that. see below illustration thought of how sequence.

class="snippet-code-js lang-js prettyprint-override">var $dialog; $(function() { $dialog = $("#dialog").dialog({ autoopen: false, buttons: [{ text: "ok", click: function() { if ($selectedcheckboxes != null && $selectedcheckboxes.length > 1) { $selectedcheckboxes = $selectedcheckboxes.slice(1); updatedialog(); } else { $message.text('processing complete, dialog close in 5 seconds'); settimeout(function() { $dialog.dialog("close"); }, 5000); } } }] }); var $message = $('#dialog .message'); function updatedialog() { $message.text('processing ' + $selectedcheckboxes.get(0).value + ' now, click ok start next'); } var $selectedcheckboxes = null; $('#button').click(function() { $selectedcheckboxes = $('input:checked'); $dialog.dialog('open'); updatedialog(); }); }); class="snippet-code-css lang-css prettyprint-override">.ui-widget { font-size: 0.8em !important; } class="snippet-code-html lang-html prettyprint-override"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script> <link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.10.4/themes/black-tie/jquery-ui.css" media="screen, print" /> <label> <input type="checkbox" value="red" checked="checked" />red</label> <label> <input type="checkbox" value="green" checked="checked" />green</label> <label> <input type="checkbox" value="blue" checked="checked" />blue</label> <label> <input type="checkbox" value="black" />black</label> <label> <input type="checkbox" value="white" />white</label> <button id="button">check</button> <div id="dialog" title="my dialog"><span class="message">loading, please wait...</span> </div>

jquery modal-dialog each