jquery-ui-dialog

JQueryUI dialog hide option prevents close event from firing

怎甘沉沦 提交于 2019-12-11 08:05:02
问题 When using the JQueryUI dialog with the hide option added, the close event never fires. See my fiddle below to repro both ways. Is there a workaround that I'm not aware of? I tried reordering them, but it didn't work. Any ideas? http://jsfiddle.net/johntrepreneur/f4Ytr/3/ JAVASCRIPT (used for fiddle): var $dialog = $('<div></div>').html('Using the hide dialog option ' + 'prevents the close event from firing. Clicking close does ' + 'nothing. Try commenting out the javascript line with the ' +

JqueryUI Draggable not working in IE?

≯℡__Kan透↙ 提交于 2019-12-11 06:55:54
问题 I'm using JQueryUI to help with the moveable items on this page: http://www.hiredavewaring.com If you scroll down, you'll see the png's that you can grab and move over my face to create a Mr. PotatoHead type effect. I know it's not the prettiest code in the world, but it is working great on every browser, except Internet Explorer. Does anyone know a fix to help these items become draggable in IE? Here's the code without the Google Analytics or Meta: <link rel="stylesheet" type="text/css" href

Upload images with jQuery modal dialog sample

岁酱吖の 提交于 2019-12-11 06:39:46
问题 Does anyone know any projects/demo etc that could show me the following, clicking on an "Upload image" link on the page and a jQuery modal dialog shows up with a form that lets the user uploads an image from the computer or specify a link to an image on web. Then the image is ajax uploaded and it shows up a thumbnail on the modal dialog, after that the user clicks the image the modal dialog disappears and the according html snippet is inserted to an textarea (I'm using TinyMce here). This

How to prevent stacking the URL of chained dialogs in jQuery Mobile

若如初见. 提交于 2019-12-11 06:38:34
问题 When you chain dialog boxes in jQuery Mobile there are these "&ui-state=dialog&ui-state=dialog..." strings stacked on the URL. Is there a way to prevent this? Thnx! 回答1: What you can try is to add rel=external to the links which open the dialogs. This attribute will disable the Ajax navigation and should prevent stacking the URL. You could also try the pushState plugin : There is an optional feature that converts the longer, hash-based URLs mentioned in the previous section into the full

Jquery dialog not working in dual monitor

不问归期 提交于 2019-12-11 06:07:15
问题 There is one Jquery dialog on one of my web pages. I work on a dual monitor system. The problem is that, I am not able to move/drag the Jquery dialog from one monitor to another monitor screen. Please help me to resolve this issue. 回答1: As I think UI Dialog works only on window based and if you drag it to another monitor then it will not move to another monitor. UI Dialog will not move from browser window to other window. 回答2: any JQuery or other dialog works inside browser ... scratch your

jQuery UI Dialog resize helper

人盡茶涼 提交于 2019-12-11 02:38:32
问题 I have some heavy content inside UI dialog and need to resize it only once, at the end of the resize process. I need the behavior of the resizable when helper option is set for the dialog, so I can use 'stop' event to resize my content. There is same issue described here: jQuery forum May be someone knows how to solve it. 回答1: There is indeed an issue with the helper feature of the resizable widget. You can work around it by destroying the widget, then recreating it with the appropriate

Animation Complete Dialog

淺唱寂寞╮ 提交于 2019-12-11 02:36:45
问题 I have encountered a issue with the UI dialog. I hooked into the complete event to create a TinyMCE since it does not play nice with the animations. But it does not seem to be working in the latest version of JQuery UI. I searched around the release notes to see if this has been changed or anything but I did not see it listed anywhere. Is this a removed/moved functionality or is this an issue in v1.10.0? Here is the sample code, used in the jsfiddle below: $("div").dialog({ show:{ effect:

Uncaught TypeError: $(…).on is not a function

狂风中的少年 提交于 2019-12-11 02:23:22
问题 I am using JQuery UI dialog on my page and getting this error <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Test</title> <script src="Scripts/jquery-1.6.4.js"></script> <script src="Scripts/jquery-ui-1.11.4.js"></script> <script> $(document).ready(function () { $(".hlk1").on("click", function () { var linkId = $(this).attr("linkID"); alert(linkId); // initialize dialog var dlg = $("#dialog").dialog({ autoOpen: false, modal: true, draggable: false, resizable: false, position: [

cannot call methods on dialog prior to initialization; attempted to call method 'option'

二次信任 提交于 2019-12-11 02:06:05
问题 I use dialogs in my app. But I have run to some problems during optimizing my page for IE. In my document.ready function, I call this $("#DFormExport").dialog({ resizable: true, modal: false, autoOpen: false, width: 750 }); to inicialize my dialog and then when user hits the button I call this, because the type of buttons in mydialog depends on some user choice $("#DFormExport").dialog("option", "buttons", { "Vytisknout": function () { loading(1); tiskText($("#DExportCo").attr("href"),"", $("

JQuery dialog freezing on close

喜你入骨 提交于 2019-12-11 01:19:10
问题 $("#termSheetPrinted").dialog({ autoOpen: false, resizable: true, height: 800, width: 950, position: 'center', title: 'Term Sheet', close: function(event, ui) { $(this).dialog("close"); }, modal: true, buttons: { "Print": function () { $("#termSheetPrinted").jqprint(); }, "Cancel": function () { $("#termSheetPrinted").html(''); $(this).dialog("close"); } } }); When I click the 'x' in the upper right hand corner, firefox freezes, crashes, and nothing happens. Do I define the close function