jquery-ui-dialog

问题 I want my custom dialog box to load on button click but that's not happening.I am using the dialog box on this webpage. http://jqueryui.com/dialog/#default here is my code.. function click(){ $(function() { $( "#dialog" ).dialog({ width : 250, height: 180, modal : true }); }); } <div> <button type="button" id="put" onclick="click()">Insert data</button> </div> The above code is not working..Please help... 回答1: It works fine there is prooflink HTML: <div id="dialog"> <p>THIS IS DIALOG!!!</p> <

问题 I want my custom dialog box to load on button click but that's not happening.I am using the dialog box on this webpage. http://jqueryui.com/dialog/#default here is my code.. function click(){ $(function() { $( "#dialog" ).dialog({ width : 250, height: 180, modal : true }); }); } <div> <button type="button" id="put" onclick="click()">Insert data</button> </div> The above code is not working..Please help... 回答1: It works fine there is prooflink HTML: <div id="dialog"> <p>THIS IS DIALOG!!!</p> <

问题 When opening a jQuery-UI dialog, how can I hide a button (for instance, hide the "Save" button)? http://jsfiddle.net/ba6jwh54/1/ <!-- head --> <link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/ui-lightness/jquery-ui.css" type="text/css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js" type="text/javascript"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js" type="text/javascript"><

问题 I have jQuery UI dialog with ASP.NET. I wrap a list of check boxes in the dialog. Since, it's an "Edit page", some of the checkboxes are already checked because the data fetched from datatbase when page is first loaded. I have no problem when I click on the link to open dialog, and everything works as expected. However, if I don't click on the link to open dialog, those checkboxes values will not be picked up from code-behind when form is submitted back. I understand because jQuery UI dialog

问题 I have a jQuery UI Dialog with some strange behavior: whenever you click or double-click on the header/title of the dialog, there is a chance that it will close the dialog, without removing the modal overlay (double-clicks seem to trigger it more often than clicks, but both are pretty frequent and neither one triggers a close 100% of the time). The fact that the modal is left behind makes me think that an error is happening, but there's no errors in the console. I'd be tempted to blame my

问题 I'm trying to open a jQuery UI dialog from my C# ASP.NET code based on a value being outside a certain range, rather than based on a button click or other client-side event. Here's the Javascript function that should create the dialog (at the top of the .aspx page): <script type="text/javascript"> //Total out of range dialog function ShowRangeDialog() { $('#rangeDialog').dialog({ modal: true, width: 'auto', resizable: false, draggable: false, close: function (event, ui) { $('body').find('

问题 How can I show Russian text in a jQuery dialog title? In my case, it shows just this - ??????? Does anybody know why? Calls showAjaxDialog: $('.ajaxDialog').click(function () { ShowAjaxDialog(true, 'Привет Мир', 330, 300, this.href); return false; }); AjaxDialog code: function ShowAjaxDialog(isModal, title, width, height, url) { // show a spinner or something via css var dialog = $('<div style="display:none" class="ajaxDialogLoading"></div>').appendTo('body'); // open the dialog dialog.dialog

问题 I would like to replace the jquery dialog's buttons with images of my own buttons. What is the tidiest way of doing this? There will be no text overlayed on the buttons. I am using jquery 1.4.2 and jquery-ui 1.8.1 回答1: Maybe in the open event of the dialog retrieve the buttons and remove the ui-button classes and add your own. var buttons = $(dialog_selector + ' .ui-dialog-buttonpane button'); for (var i = 0; i < buttons.length; ++i) { $(buttons[i]).removeClass('ui-button-text-only')

问题 I'm trying to click a link & put that text into a jquery dialog WITH its original styling (not the dialog's style)? I'm using jquery to do an element selection by mouse (like Firebug), then once I click on the element I want to add it into a div inside a jquery dialog box. Everything works fine except the styling - I want the clicked element's style to be the same INSIDE the dialog box as it is on the third party page. I've used www.wsj.com as the example here, but it could be any site - when

问题 I've tried the techniques suggested in the following stack answer to no luck: Submit jQuery UI dialog on <Enter> Something must be off with my code. On login, I have a disclaimer that pops up to warn the user that the information found within the site is confidential. I would like it so that to continue, all the user has to do is hit the enter key. Here is my original code (I've included a browser check): $("#loginForm").submit(function (e) { e.preventDefault(); if ($.browser.msie) { $("