Tag: jquery ui

jQuery UI滑块 – 无法滑动到0

jQuery 1.3.2 / jQueryUI 1.7 / Slider $(“#slider”).slider({ range: “min”, min: 0, max: 40, value: 0, slide: function(event, ui) { CalculateOrder(event, ui); } }); 它开始就好了，但是在我移动滑块后我无法将其恢复为0，ui.Value为1时我将它一直滑到左边。 我试过设定 min:-1 当我将它滑动到-1时，这会将ui.Value设置为-1，但是当我为0时，ui.Value仍为1。 有任何想法吗？

在jQuery UI日历中禁用所有星期日

我想在jQuery UI日历中禁用星期日。 从我开始了解的文档： – $(‘#datepicker’).datepicker({ minDate: 4,beforeShowDay: $.datepicker.noWeekends }); 这将禁用星期六和星期日。 但是我想在星期天才能解决问题。 是否有任何默认选项。 解决它的坏方法 beforeShowDay作为每天的参数使用true或false。 因此，编写一个基于每一天返回true或false的函数。

jQuery ui：日期选择器的多个范围？

我想为我的项目使用jQuery-ui datepicker，但我需要能够拥有多个不相交的有效日期范围。 不在这些范围之一的日期不应该是可选择的。 $(function() { $(“#datepicker”).datepicker({ numberOfMonths: 1, minDate: new Date(2010, 8, 1), //range 1 maxDate: new Date(2010, 8, 20) //range 1 minDate: new Date(2010, 9, 1), //range 2 maxDate: new Date(2010, 9, 20) //range 2 }); }); 我将如何实现这一目标？ 我很感激任何帮助。

Jquery UI工具提示。 设置超时并设置hover事件。 鼠标hover时冻结工具提示

我用谷歌搜索了大约2天，无法弄清楚如何为http://api.jqueryui.com/tooltip/设置超时？ 也许我应该使用jquery hoverIntent？ 这是我的代码 $(‘*[class*=”help_”]’).tooltip({ open: function(e,o){ $(o.tooltip).mouseover(function(e){ $(‘*[class*=”help_”]’).tooltip(‘open’); }); $(o.tooltip).mouseout(function(e){ }); }, close: function(e,o) {} });

如何在jquery-ui 1.9中以编程方式更改选项卡？

如何使用jquery-ui 1.9以编程方式更改选项卡？ 注意：发布答案是因为我花了4次以上的搜索才能在stackoverflow上找到正确的答案。 它出现在1.9中，API已更改，在早期版本中，您将使用$(“#tabs”).tabs(“select”, 2) 。 $(document).ready(function() { $(“#tabs”).tabs(); // assume you want to change to the 3rd tab after 3 seconds setTimeout(function() { // ??? }, 3000); }); Tab 1 Tab 2 Tab 3 Container 1 Container 2 Container 3

Jquery – 如何禁用整个页面

我有这个ajax事件 function save_response_with_ajax(t){ var form = $(‘#edit_’+t); var div = $(‘#loading_’+t); $.ajax({ url: form.attr(“action”), type: “POST”, data: form.serialize(), cache: false, beforeSend: function(){ form.hide(); div.show(); }, complete: function(){ div.hide(); form.show(); }, success: function (result) { } }); } 一切正常，但我想添加（如果可能的话）将整个页面（内容/正文）转换为灰色而前/完成ajax事件的可能性，就好像它是一个模态（如此http：// jqueryui.com/demos/dialog/#modal但没有对话框） 有办法做到这一点吗？ 提前致谢 哈维尔Q.

如何使div成为可信和可拖动的

Text to edit $(“#d”).draggable(); 我只能拖动这个div，但我怎么能编辑它（比如双击可编辑属性变为活动状态，点击拖动变为活动状态）？

jQuery live（）使用jQuery UI datepicker失败

好吧，我正在尝试使用jQuery的FaceBox（）插件以及jQuery UI datepicker（）。 我已经将它绑定到灯箱第一次出现时的灯箱输入，但之后它没有工作。 我正在做以下事情： $(function() { $(‘.jQueryCalendar’).live(‘click’, function () { $(this).datepicker({showOn: ‘both’}).focus(); }); }); 当灯箱关闭时，我将其内容重新附加到页面上（为了不丢失内容div），这似乎是在杀死live（）调用。 [注意重新附加在原始内容被销毁后发生] 编辑 好的，live（）事件正在解雇（感谢Nick Craver），但是不再显示日期选择器。 有谁知道为什么？ 编辑＃2 好吧，使用.html（）重新追加导致事件需要重新绑定，但是要绑定的元素仍然具有类hasDatepicker，它与datepicker（）初始化混淆。 要修复，只需用户 $(this).removeClass(‘hasDatepicker’) .datepicker({showOn: ‘both’}).focus();

如何使用Rails 4获得Jquery UI自动完成function？

我正在使用带有jquery-rails（3.1.0）和jquery-ui-rails（4.1.1）gems的Rails 4.0.2。 我正在尝试将自动填充添加到搜索表单中（使用Bootstrap 3.1.0）： Search 这是我的应用程序JS和CSS文件： 的application.js //= require jquery //= require jquery_ujs //= require jquery.ui.autocomplete //= require turbolinks //= require_tree . var ready; ready = (function() { $(‘a[href=”‘ + this.location.pathname + ‘”]’).parent().addClass(‘active’); $(“#navbar-search-input”).autocomplete({ source: ‘/products/autocomplete.json’, }); }); $(document).ready(ready); $(document).on(‘page:load’, ready); application.css.scss *= require bootstrap *= font-kit-rails/ubuntu *= require jquery.ui.autocomplete *= require_self *= require_tree . […]

如何在jQuery UI datepicker中获取日期，月份和年份？

我有这个示例代码： $(document).ready(function() { $(‘#calendar’).datepicker({ dateFormat: ‘yy-m-d’, inline: true, onSelect: function(dateText, inst) { var month = dateText.getUTCMonth(); var day = dateText.getUTCDate(); var year = dateText.getUTCFullYear(); alert(day+month+year); } }); }); 当我运行代码时，出现错误。 如何获得(date, month, year) ？