jquery-ui-dialog

问题 I am trying to create an overlay, similar to the one that jQuery UI Dialog uses. I can create the overlay like this: var $overlay = $('<div class="ui-widget-overlay"></div>').hide().appendTo('body'); //...later in my script $overlay.fadeIn(); But the overlay cuts off when I scroll down. I noticed that jQuery UI is setting the width and height on that div dynamically. So I would like to reuse this functionality instead of reinventing the wheel. How can I create an overlay like this, or reuse

问题 I'm trying to display text documents inside google doc viewer which is inside an iframe which is then inside an jquery mobile dialog. I'm using cordova 3.6 and trying this on iOS. Here's my code so far: <div data-role="page" id="dialog"> <iframe id="myIframe" src="" style="width: 100%; height: 100%;" ></iframe> </div> <button href="foo.html" id="opener" data-rel="dialog" data-transition="pop">Open Dialog</button> the functions: <script> $(function () { $("#dialog").dialog({ autoOpen: false,

问题 I've implemented the following code for uploading photos inside a jQuery dialog (using an iframe). Here's the Iframe <div style="display: none"> <iframe id="upload-form" frameborder="0" marginheight="0" marginwidth="0" src="Upload.aspx"></iframe> </div> And here's the jQuery code on the parent page which takes care of opening the dialog. $("#upload-image").click(function (e) { e.preventDefault(); $('#upload-form').dialog({ modal: true, width: 300, title: "Upload Image", autoOpen: true, close:

问题 How do I go about disabling a button on the jQuery UI dialog. I can't seem to find this in any of the documentation in the link above. I have 2 buttons on the modal confirmation ("Confirm" and "Cancel"). In certain cases, I want to disable the "Confirm" button. 回答1: If you're including the .button() plugin/widget that jQuery UI contains (if you have the full library and are on 1.8+, you have it), you can use it to disable the button and update the state visually, like this: $(".ui-dialog

问题 I'm using a custom jQuery 1.10.3 theme. I downloaded every straight from the theme roller and I have intentionally not changed anything. I create a dialog box and I get an empty gray square where the close icon should be: I compared the code that is generated on my page: <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> <spanid="ui-id-2" class="ui-dialog-title">Title</span> <button class="ui-dialog-titlebar-close"></button> </div> to the code generated on the

问题 I've looked for every possible example, but couldn't find a complete one. I'm new to jQuery and javascript in general - I'm a backend developer. I'm trying to display the html results of an ajax call inside a jstree in a dialog box, and don't have the first clue what I'm doing. This is what I've come up with so far - can someone tell me what I'm doing wrong? (I had to retype this vs copy/paste, so there may be some minor typos). success: function(data) { $.getScript("js/jquery/jquery.jstree

问题 Searching all over for the keywords "simple jquery dialog example" - with all the answers out there, I have not seen any simple and meaningful example in a succinct standalone .html document . Even downloading several full books on jQuery, I didn't see any such an example. The examples I did find are for a dialog that shows an alert message "Hello World" .. not very useful for interaction. I think the real world example would be something that captures input and sends it back to the page

问题 I'm trying to make a dialog box that loads an external php file with a form that asks for information including a date which uses the jQuery datepicker and a javascript code to check if all the fields are filled in before submitting. I have the dialog box popping up correctly however the javascript in the external php file do not work(calendar doesn't pop up and the form validation checks aren't working). I am using an external php file because I have the link set to pass a variable to fill

问题 I have a jQuery modal dialog in which I am rendering a datatable. I am required to use the ColVis plugin in order to dynamically show or hide columns of this datatable. The problem is that when I click on the Show/Hide Columns button, the column list does not render on the modal dialog. It renders behind it! I have to close the dialog in order to see this list. The same thing when implemented in a normal page(without a modal dialog) works absolutely fine. Any idea how to fix this modal dialog

问题 I'm trying to use a simple jquery-ui modal dialog as a delete confirmation in an ASP.NET C# application. I've done this many times before, but for some reason in this application it is misbehaving. I see the dialog pop up then it immediately disappears before I can click on either "Yes" or "No". Here's the relevant code (Javascript): <script type="text/javascript" src="/resources/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="/resources/jquery-ui-1.9.1.custom.min.js"><