Tag: jquery ui

jQuery UI自动完成宽度设置不正确

我已经实现了一个jQuery UI自动完成框，而不是作为文本框的宽度，下拉选项正在扩展，以填充页面的剩余宽度。 看看这个例子，看看它自己： http : //jsbin.com/ojoxa4 创build后立即尝试设置列表的宽度，如下所示： $('.ui-autocomplete:last').css('width', $('#currentControlID').width() ); 这似乎什么都不做。 我也尝试使用页面样式设置宽度： ui-autocomplete { width: 500px; } 这样做的确令人吃惊，但是这意味着页面上的所有autocompletes必须是相同的宽度，这并不理想。 有没有办法单独设置每个菜单的宽度？ 或者更好，任何人都可以解释为什么宽度不正确的工作？

jQuery Datepicker本地化

我需要一个法国的日历，我不明白这个问题。 我想我没有使用区域选项。 但… 这是我的代码： $(function() { $('#Date').datepicker({ showMonthAfterYear: false, showOn: 'both', buttonImage: 'media/img/calendar.png', buttonImageOnly: true, dateFormat:'d MM, y' }, $.datepicker.regional['fr'] ); });

jquery-ui datepicker更改z-index

这个问题是相当直接的，虽然我很难搞清楚如何解决这个问题。 我正在使用jQuery-ui datepicker以及一个自定义的“ios样式开/关切换”。 此切换使用一些绝对定位的元素，目前显示在我的dateselect器上。 看到下面的6月7日的丑陋的圈子… 这样做的肮脏的方式（至lessimo）是在我的样式表中写一个样式，但我宁愿使用一些JavaScript时，select器启动完成这一点。 我已经试过了 $('.date_field').datepicker(); $('.date_field').datepicker("widget").css({"z-index":100}); 和 $('.date_field').datepicker({ beforeShow: function(input, inst) { inst.dpDiv.css({"z-index":100}); } }); 但似乎z-index会在每次启动dateselect器时被覆盖。 任何帮助表示赞赏！

更改高亮颜色

jQuery的高亮方法将突出显示黄色背景的任何div。 如何指定使用什么颜色，而不是黄色突出显示？

将CSS应用到jQuery对话框button

所以我现在有一个jQuery对话框有两个button：保存和closures。 我使用下面的代码创build对话框： $dialogDiv.dialog({ autoOpen: false, modal: true, width: 600, resizable: false, buttons: { Cancel: function() { // Cancel code here }, 'Save': function() { // Save code here } }, close: function() { // Close code here (incidentally, same as Cancel code) } }); 但是，使用此代码时，两个button都是相同的颜色。 我想我的取消button是一个不同于我的保存颜色。 有没有办法做到这一点使用一些内置的jQuery选项？ 我没有从文档中获得很多帮助。 请注意，我正在创build的取消button是一个预定义的types，但是“保存”我正在定义自己。 不知道这是否会影响到这个问题。 任何帮助，将不胜感激。 谢谢。 更新：共识是有两条路在这里旅行： 使用像firebug这样的Firefox插件检查HTML，并注意jQuery应用于button的CSS类，并采取刺戳重写它们。 注意：在我的HTML中，两个button都使用了完全相同的CSS类，没有唯一的ID，所以这个选项已经不存在了。 […]

jQuerydateselect器 – 禁用过去的date

我正在尝试使用UIdateselect器来selectdate范围。 在从/到领域，人们不应该能够查看或select在当前之前的date。 这是我的代码： $(function() { var dates = $( "#from, #to" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 1, onSelect: function( selectedDate ) { var option = this.id == "from" ? "minDate" : "maxDate", instance = $( this ).data( "datepicker" ), date = $.datepicker.parseDate( instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings ); dates.not( this ).datepicker( "option", option, date […]

如何清除/重置jQuery UI Datepicker日历上选定的date？

如何重置dateselect器日历值？最小和最大date限制？ 问题是，当我清除date（通过删除文本框的值），以前的date限制仍然适用。 我一直在整理文档，并没有跳出任何解决scheme。 我也无法findSO /谷歌search的快速解决scheme http://jsfiddle.net/CoryDanielson/tF5MH/ 解： // from & to input textboxes with datepicker enabled var dates = $("input[id$='dpFrom'], input[id$='dpTo']"); // #clearDates is a button to clear the datepickers $('#clearDates').on('click', function(){ dates.attr('value', ''); dates.each(function(){ $.datepicker._clearDate(this); }); });​​ _.clearDate（）是DatePicker对象的私有方法。 你不会在jQuery UI网站上的公共API中find它，但它像一个魅力。

组织Javascript库和CSS文件夹结构的最佳实践

你如何组织你的web应用程序中的js＆css文件夹？ 我目前的项目结构是这样的： root/ assets/ js/ lib/ css/ img/ index.html 但是，当我使用很多JavaScript库和CSS插件时，它会更复杂。 JavaScript插件带有自己的.js文件，有时也有自己的.css文件。 例如，当我使用jQuery和JQueryUI插件时，我把jquery.js和jquery-ui.js放在js / lib目录中。 但是JQueryUI带有自己的css文件。 我应该从哪里插入JavaScript插件的最佳做法的CSS？ 我应该把它们放在lib文件夹中，以区分我的css和javascript css插件吗？ 或者别的地方？ 我知道这是个人喜好，但我只是想知道你们如何组织你的项目文件夹。 提前致谢 ：）

jquery UI工具提示不支持HTML内容

今天，我用jQuery 1.9.1升级了所有的jQuery插件。 我开始使用jQueryUI工具提示与jquery.ui.1.10.2。 一切都很好。 但是当我在内容中使用HTML标签时（我在应用工具提示的元素的title属性中），我注意到HTML不被支持。 这是我的工具提示的截图： 如何使HTML内容与1.10.2中的jQueryUI工具提示一起工作？

键码13是哪个键

哪个键盘上的键码是13 ？ switch(key) { case 37: $.keynav.goLeft(); break; case 38: $.keynav.goUp(); break; case 39: $.keynav.goRight(); break; case 40: $.keynav.goDown(); break; case 13: $.keynav.activate(); break; }