Tag: jquery ui

从Iframe关闭jQuery UI对话框

我已经实现了以下代码,用于在jQuery对话框中上传照片(使用iframe)。 这是Iframe 这是父页面上的jQuery代码 ,它负责打开对话框。 $(“#upload-image”).click(function (e) { e.preventDefault(); $(‘#upload-form’).dialog({ modal: true, width: 300, title: “Upload Image”, autoOpen: true, close: function(event, ui) { $(this).dialog(‘close’) } }); }); 然后,我在上传成功后注入脚本(在iframe页面上),将结果传递回父页面,但我想同时关闭对话框。 $(document).ready(function () { $(parent.document).find(‘#imagePathValue’).val(‘theimagevalue’); $(parent.document).find(‘#upload-form’).dialog(‘close’); }); #imagePathValue成功传递,但我似乎无法关闭对话框。 有任何想法吗?

克隆jQuery UI datepicker时的问题

我有一个div,其中有一个datepicker。 我用这样的东西来克隆它: mydiv = $(‘#someDiv’); // works fine so far mydiv.find(‘input.datefield’).datepicker(); // clone without the events and insert newDiv = myDiv.clone(false).insertAfter(myDiv); // datepicker won’t re-init if this class is present newDiv.find(‘.hadDatepicker’).removeClass(‘hadDatepicker’); // reinitialize datepicker newDiv.find(‘input.datefield’).datepicker(); 这是我的代码的精简版本。 它工作正常,日历按预期显示在预期的位置。但是当点击日期时, 前一个日期选择器的值会更新..(克隆它的那个)。 我试图在这之前销毁(不存在的)实例: newDiv.find(‘input.datefield’).datepicker(‘destroy’).datepicker(); 没运气 .. 我已经检查了它如何跟踪实例并手动清除数据,如下所示: newDiv.find(‘input.datefield’).data(‘datepicker’, false).datepicker(‘destroy’).datepicker(); 仍然没有运气。 我不明白的是,只有日期选择行为是错误的,其他一切都按预期工作。 我真的不知道现在还要检查什么..

如何获得可拖动对象的位置

我正在尝试使用JQuery获取可拖动对象的x和y。 场景是,我将一个对象拖放到另一个对象上,并希望得到拖放对象的位置。 编辑:现在我可以获得对象的位置,但我需要更多: 这是我尝试过的; $(function() { $(‘#draggable’).draggable( { drag: function() { var offset = $(this).offset(); var xPos = offset.left; var yPos = offset.top; $(this).text(‘x: ‘ + xPos + ‘y: ‘ + yPos); } }); $(“#droppable”).droppable({ drop: function(event, ui) { $(this) .addClass(“ui-state-highlight”) .find(“p”) .html(“Dropped!”); } }); }); 现在我可以获得可拖动对象的位置,但我需要它可以resize,除了获得可拖动的x,y之外,我还需要它的大小。 任何帮助都会很棒! 谢谢。

jQuery UI Datepicker – 禁用特定日期

是否有任何(简单)方法来设置jQuery UI Datepicker以禁止选择特定的预定日期? 我能够使这种方法工作,但是,它产生一个空错误,阻止它在IE中显示。 ‘natDays […]。0’为null或不是对象 提前致谢! 更新:如果我包含一些代码可能会有帮助,对吧? 无论如何,大部分内容都来自前面提到的主题: natDays = [ [7, 23], [7, 24], [8, 13], [8, 14], ]; function nationalDays(date) { for (i = 0; i < natDays.length; i++) { if (date.getMonth() == natDays[i][0] – 1 && date.getDate() == natDays[i][1]) { return [false, natDays[i][2] + '_day']; } } return [true, '']; } […]

Jquery datepicker – 只有日期和月份

我希望用户在表单中指定他们的生日或周年纪念日(没有年份)。 为此,我想使用jquery datepicker但它不应该显示任何年份选项。 怎么做? 我尝试通过使changeDay: true和changeYear: false来修改此问题中的代码,但无法使其工作。

当用户按下按钮但不能正常工作时,jquery ui对话框需要返回值

我有一个jquery ui对话框我想用来提示用户确认删除。 当用户按“是”或“否”时,我需要返回“True”或“False”以继续执行一些javascript。 下面的代码的问题是当对话框显示它立即执行“return true;”时 但是用户还没按下“是”按钮呢? 我究竟做错了什么? HTML: Javascript电话: $(“#modal_confirm_yes_no”).html(“Are you sure you want to delete this?”); var answer = $(“#modal_confirm_yes_no”).dialog(“open”); if (answer) { //delete } else { //don’t delete } Jquery对话框: $(“#modal_confirm_yes_no”).dialog({ bgiframe: true, autoOpen: false, minHeight: 200, width: 350, modal: true, closeOnEscape: false, draggable: false, resizable: false, buttons: { ‘Yes’: function(){ $(this).dialog(‘close’); return […]

如何使用jquery datepicker将日期添加到日期

我的网站上有两个文本框,用于提取日期和使用jquery日期选择器的下降日期。 我无法将下拉日期值设置为选定的取件日期的前一天。 这是我有的: $(‘.pickupDate’).change(function() { var date2 = $(‘.pickupDate’).datepicker(‘getDate’, ‘+1d’); $(‘.dropoffDate’).datepicker(‘setDate’, date2); }); 以上将执行,但是下拉文本框中的值将与拾取值匹配,而不是提前一天。 例如:如果我选择01-01-2010,则上面的代码在下拉框中返回01-01-2010而不是02-01-2010。 有什么想法吗? 谢谢你的帮助,Rich