jquery-ui-dialog

问题 Basically I am showing and hiding the Dialog manually via positioning so something like 'swfupload' works (dont ask hehe, the multi-upload flash control i use cannot be hidden or Flash does something funky... so I am using positioning to show/hide the Dialog). So i set autoOpen: to true so when the page loads its not prehidden... and I just use jquery css to hide it with positioning and then hide its overlay with display:none; (versus a css file since i need to override style="" elements) ...

问题 jQuery UI v1.10 seems to have an issue with stacking multiple dialogs on a page where it will refresh all open dialogs when any dialog is clicked. Here are some fiddles. Using the same code: HTML <div id="div1" class='d' data-isrc='http://www.slashdot.org'> </div> <div id="div2" class='d' data-isrc='http://www.cnn.com'> </div> JS var opts = { height: 200, width: 300, autoOpen: true, open: function(){ var src = $(this).data("isrc"), $iframe = $("<iframe seamless='seamless' src='" + src + "'>")

问题 Well, I have a django admin site project and I want to add a simple dialog on one of my change_form template. I add the following code: Open button that will open the dialog: <button id='open_dialog' onclick='javascript:$( "#comfirm_dialog" ).dialog("open");'>open</button> The dialog initialization code: <script> (function($){ $( "#comfirm_dialog" ).dialog({ autoOpen: false, height: 450, width: 550, modal: true, buttons: { "Add": function(){}, Cancel: function() {$( this ).dialog( "close" );}

问题 We have to sites using jQuery UI and one of the sites includes some pieces from the other site. Those pieces are build on Jquery UI Accordion but I can't get both versions of the UI to load. One is a custom build of 1.8.11 the other is a full version (the full won't load) any suggestions? 回答1: Please read the documentation on JQUERY UI. You cannot use two versions of the UI without specifying a CONTEXT for each one. This allows you to use multiple UIs on one page for example. The bad news is

问题 I have an HTML form that allows a user to add an attachment up to X MB. Because connection speeds for users vary, I would like to show a dialog that says something along the lines of "Your request is processing. Do not navigate away from this page. This dialog will close when the form is submitted successfully". Not verbatim but similar. The form posts to itself and is processed with PHP. I am not looking for a progress bar or anything. Just a friendly alert. I have been looking at the jQuery

问题 I have an HTML form that allows a user to add an attachment up to X MB. Because connection speeds for users vary, I would like to show a dialog that says something along the lines of "Your request is processing. Do not navigate away from this page. This dialog will close when the form is submitted successfully". Not verbatim but similar. The form posts to itself and is processed with PHP. I am not looking for a progress bar or anything. Just a friendly alert. I have been looking at the jQuery

问题 using the jquery ui modal dialog, the background shades grey (i assuming this is being driven by my theme roller). For one specific modal dialog i want the background to be darker than what i am getting by default with the default options. More importantly, how can i change the shading on the background screen when i load one specific dialog. In this case, I DON'T want to change the css of my theme roller css as i only want this to apply to one specific page. 回答1: Could you place the

问题 How can I autosize a jQuery UI dialog in Internet Explorer? This code is OK in Firefox, but not in Internet Explorer. $('#dialog2').dialog({ autoResize: true, show: "clip", hide: "clip", height: 'auto', width: 'auto', autoOpen: false, modal: true, position: 'center', draggable: true, open: function (type, data) { $(this).parent().appendTo("form"); }, buttons: { "close": function () { $(this).dialog("close"); document.getElementById("<%=btnnew.ClientID%>").click(); } } }); My HTML element is a

问题 I have been using jQuery UI dialog boxes in my app, and all was well until today when I tried to open a dialog, and nothing happened. In the console, was: Uncaught TypeError: Cannot call method 'mouseover' of undefined - jquery-ui.js, line 162 and GET data: undefined (undefined) - this had no line number, in Chrome, it just said "data:". The code in jquery-ui.js that throws the error is in the resizable code: this._handles.mouseover(function(){...}); My code for calling the dialog is: $('

问题 I have a modal jQuery dialog and another element that takes the ESC key event behind the dialog. When the jQuery Dialog is up, I don't want this ESC key event to propagate. What happens now is that when I click on ESC, it will close the dialog and trigger the ESC event handler on the background element. How do I eat the ESC key event when a jQuery dialog is dismissed? 回答1: Internally jQuery UI's dialog's closeOnEscape option is implemented by attaching a keydown listener to the document