jquery-ui-dialog

问题 Is there a way to define the modal content in the javascript, rather than always having to have an element on the page and create the dialog from that? It has the title option, so I can 'dynamically' create a modal title, but what about the actual content? Like say I need it to say, "you are going to delete image #539". Rather than creating a modal for every possible image - or even from creating the element and then making the dialog from that. There's got to be a better way. 回答1: You could

问题 On my web page I have a button that opens a modal jQuery dialog. The code that runs when the button is clicked is as follows: $('#main-onoffline-container').append('<div id="dialog-modal-a"></div>'); $("#dialog-modal-a").dialog({ title:'Add Tags' , autoOpen: false , modal: true , height: 540 , width:700 , close: function (ev, ui) { alert('closing'); } ,open: function() { $("#dialog-modal-a").html('Some html will go here') } }); $("#dialog-modal-a").dialog("open"); As you can see, I am adding

问题 Let say I have the following html: HTML: <div id="wrapper"> <div class="dialog" title="Bold Red Test"> <div class="bold red">Dialog Red Box Here</div> </div> </div> JS: $(document).ready(function(){ $('#wrapper').find('.dialog').dialog({ autoOpen: true width:200, height:200 }); }); This code will generate a dialog box that opens when the page loads correctly. My goal is to have the text inside the dialog box be red and bold. So I want to use the following CSS CSS: NOTE: I DO NOT want to get

问题 Hi I'm using jquery ui dialog and trying to submit form using ajax and display its response. Till form dialog and ajax request its working fine but don't know how to display its response in same dialog. Any suggestion going to help me. 回答1: Suppose you have the following markup <div id="__DialogPanel" style="display:none" title=""></div> With this code you setup the dialog $("#__DialogPanel").dialog({ autoOpen: false, resizable: false, position: 'center', stack: true, height: 'auto', width:

问题 I am using jQuery plugin called jsPlumb - http://jsplumb.org/jquery/demo.html and I want to connect my jQuery UI Dialogs with lines generated by jsPlumb. But I cant figure out way to do it. I have this source: <div id="okenko1">Tuhle neco je</div> <div id="okenko2">Tuhle je neco jineho</div> When I create dialog from this divs with jQuery UI $("#okenko1").dialog()... And then I do plumb: jsPlumb.connect({source: $("#okenko1"), target: $("#okenko2")}); Its bugged :-D Looks like this http:/

问题 I have a fundamental confusion about how jQuery, and probably javascript work. I keep having the same issue, how to pass parameters to jQuery functions so that their methods in turn can call functions using those variables. Here is my most recent example: I am using fullcalendar plugin. If I click on the calendar, it fires a callback method 'select'. The select callback is automatically given certain parameters: 'startDate' 'endDate', etc. What I want is to open a jQuery dialog to gather

问题 I managed to get my jquery ui Dialog working from codebehind. Now i face another problem. I have a gridview inside the div that's being used to .dialog(). That gridview is not showing inside the dialog. If i enter another control as an asp:button it does shows, so i'm a little confused. For example: <div id="DivMostrarIguales" title="Número Único Igual"> <asp:Button ID="Hello" runat="server" Text="Hello" /> <asp:GridView ID="gvMostrarIgualesEntrante" ... In that case the dialog loads and has

问题 I had a jquery dialog box in an MVC razor-view with a close button inside it. But on clicking the close button, the dialog just got hidden and not removed , so that when a click on any link on the page it doesnt work, which is not desired; noe do i want to redirect to my action method every time i close the dialog. On clicking the 'X' button on the dialog-header, i get exactly what i want. So my senior now wants me to completely remove the 'Close' button and write "close" instead of 'X' in

问题 I want to disable the ESC key in an HTML page. How can I do this? I have a form which is appearing as jQuery UI Dialog. Here if I click the ESC key, the form will close. I want to disable that. 回答1: Browsers (Firefox, Chrome...) normally bind the Esc key to the "stop loading current page" action. Any other behaviour needs to be specifically coded with JavaScript. The jQuery UI Dialog has a closeOnEscape setting. Just set it to false : Initialize a dialog with the closeOnEscape option

问题 I'm having trouble in validating a jQuery UI dialog using Jquery Validate upon clicking Save. Here's my code to create Jquery dialog. It loads the dialog from a target a href URL: $(document).ready(dialogForms); function dialogForms() { $('a.dialog-form').click(function() { var a = $(this); $.get(a.attr('href'),function(resp){ var dialog = $('<div>').attr('id','formDialog').html($(resp).find('form:first').parent('div').html()); $('body').append(dialog); dialog.find(':submit').hide(); dialog