jquery-ui 相关问题

如何阻止jQuery datepickerui

我有这个代码可以继续，但是我想要的是将这些日期被阻止而不是启用。因此，另一方面。 在此中，任何人都知道如何根据此代码执行此操作？ 谢谢

设置最小日期在jQuerydatepicker

$(function () { $('#datepicker').datepicker({ dateFormat: 'yy-mm-dd', showButtonPanel: true, changeMonth: true, changeYear: true, showOn: "button", buttonImage: "images/calendar.gif", buttonImageOnly: true, minDate: new Date(1999, 10 - 1, 25), maxDate: '+30Y', inline: true }); });

我正在使用jQuery UI对话框：

他们示例中的关闭按钮具有：<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close"> <span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span> <span class="ui-button-text">close</span></button> Minine具有： <button class="ui-dialog-titlebar-close"></button> 为什么我的按钮没有那些样式。我包括了主题，我看到了其他所有内容的主题... thanks twitter bootsrapjsSSSS 仅当将类包装在元素中时，样式才能适用。 我建议您只看自己喜欢的样式，并为按钮创建新样式声明。 看img雇用：https：//i.sstatic.net/hdqzc8oy.png 一个步骤 在此处查看此图像。我有插件文件夹并下载了主题和UI创建模块Jqueryui。默认情况下，它具有风格的预定义主题。 步骤 下载模板在此处 https：//jqueryui.com/download/ 主题是主题 看img雇用：https：//i.sstatic.net/ktvhakgy.png threen步骤 配置项目的路径使用jQuery示例的页面：index.html，在标题add.中 。/js/jquery-ui-themes/themes/black-tie/jquery-ui.css ./js/jquery-ui-themes/themeS/black-tie/jquery-ui.min.css 。/js/jqueryui/jquery-ui.js 。/js/modaldialog.js 记住要在外部或最新版本中添加jQuery，不要忘记，因为配置事件很重要。 要使用Close Icon解决问题，您可以使用此创建方法 .ui-dialog-titlebar-close 示例： .ui-dialog

已经加载了Google的jQuery的缓存版本的浏览器有多少比例？

jQuery hide或基于无线电按钮选择的文本字段

我有以下代码根据单选按钮选择显示文本框。但是，这行不通。如何使该代码起作用？ 我希望文本框字段显示是否选择了二手copcompose ...

我在我的一个项目中使用nouislider（

任何良好的轻量级日期/时间选择器与良好的UI？

几个愿望： 如果是基于jQuery，最好。 如果它专注于简单的UI而不是眼睛糖果， 更好的。 如果这既是日期和时间挑选者，又 好的。 我应该提到我已经最多看了...

propHidden（）或hide（）和show（）在select2多option中无法使用（） 我想问Select2。当我选择选项时，我想要。它将隐藏在选择中的选项。而且，如果我们以多个选择选项将其删除，则它将在选项中显示。 ...

我使用事件

jQuery UI可排序，获取发送对象

我有两个表可以在两者之间进行排序/掉落。 在我的beforestop方法中，我试图访问发件人，该项目已出现 - 但是我却变得无效。 http：//api.jquery...

如何在柏树中选择一个数组？ [关闭]

i'mtriyng使用柏树选择一个阵列。我有这个元素“ cy.get（”。link.nav-link”）[0]” 当我尝试单击元素时，柏树将我送回了我：“无法阅读正确...

如何检索强烈键入ASP.NET MVC HTML助手的元素ID？ [重复]

retrieve输入值从jQuery UI对话框

我起床添加功能，我卡住了。我创建了一个jQuery UI对话框，该对话框附加了一个表单 - 单击“添加项目”时触发的表单。然后，在表单中单击“是”的操作需要返回输入中的内容。我无法检索该值，并且没有涉及的服务器端技术（例如PHP）。

在 Jquery Ui Datepicker 中禁用今天之后的未来日期

我想在 Jquery Ui Datepicker 中禁用今天之后的所有未来日期 这是演示： 代码 ： $( "#start_date" ).datepicker( { 最大日期: '0', 演出前：

手风琴和选项卡之间的区别

手风琴相对于选项卡有什么好处，反之亦然？ 尽管许多 Javascript UI 框架/库都支持它们， 您可以在这里查看示例：http://jqueryui.com/demos/ 对于我...

将值设置为 jquery 自动完成组合框

我正在使用 jquery 自动完成组合框 一切都很好。但我也想通过 JavaScript 设置特定值，例如 $("#value").val("somevalue") 并将其设置为选择元素，但没有更改...

禁用按钮上的 Jquery UI 工具提示

我正在尝试显示禁用按钮的工具提示。我不确定 jquery 事件是否会针对禁用元素触发，但我正在尝试检查是否可以显示禁用项目的工具提示。我的例子在这里 ...

在将jquery-ui 1.12.1更新到1.13.2之前，我还需要更新jquery版本吗

我在我的项目中使用jquery-ui-1.12.1.min.js。我尝试将 jquery-ui 版本从 1.12.1 更新到 1.13.2。 更新版本后，应用程序无法按预期运行（控制台错误...

为什么 array.concat(…) 不修改数组？

所以我创建了这个 jqueryui 小部件。它创建了一个 div，我可以将错误传输到其中。小部件代码如下所示： $.widget('ui.miniErrorLog', { logStart: "", // 接下来的 4 个 所以我创建了这个 jqueryui 小部件。它创建了一个 div，我可以将错误传输到其中。小部件代码如下所示： $.widget('ui.miniErrorLog', { logStart: "<ul>", // these next 4 elements are actually a bunch more complicated. logEnd: "</ul>", errStart: "<li>", errEnd: "</li>", content: "", refs: [], _create: function() { $(this.element).addClass( "ui-state-error" ).hide(); }, clear: function() { this.content = ""; for ( var i in this.refs ) $( this.refs[i] ).removeClass( "ui-state-error" ); this.refs = []; $(this.element).empty().hide(); }, addError: function( msg, ref ) { this.content += this.errStart + msg + this.errEnd; if ( ref ) { if ( ref instanceof Array ) this.refs.concat( ref ); else this.refs.push( ref ); for ( var i in this.refs ) $( this.refs[i] ).addClass( "ui-state-error" ); } $(this.element).html( this.logStart + this.content + this.logEnd ).show(); }, hasError: function() { if ( this.refs.length ) return true; return false; }, }); 我可以向其中添加错误消息，并且对页面元素的引用将进入错误状态。我用它来验证对话框。在“addError”方法中，我可以传入单个 id 或 id 数组，如下所示： $( "#registerDialogError" ).miniErrorLog( 'addError', "Your passwords don't match.", [ "#registerDialogPassword1", "#registerDialogPassword2" ] ); 但是当我传入一个 id 数组时，它不起作用。问题出在以下几行（我认为）： if ( ref instanceof Array ) this.refs.concat( ref ); else this.refs.push( ref ); 为什么这个 concat 不起作用。 this.refs 和 ref 都是数组。那么为什么 concat 不起作用？ 奖励：我在这个小部件中还做了其他愚蠢的事情吗？这是我的第一个。 concat方法不会改变原数组，需要重新赋值。 if ( ref instanceof Array ) this.refs = this.refs.concat( ref ); else this.refs.push( ref ); 原因如下： 定义和用法 concat() 方法用于连接两个或多个数组。 该方法不会改变已有的数组，而是返回一个新的 数组，包含连接数组的值。 您需要将串联结果分配回您拥有的数组中。 扩展 Konstantin Dinev： .concat() 不会添加到当前对象，因此这将不起作用： foo.bar.concat(otherArray); 这将： foo.bar = foo.bar.concat(otherArray); 您必须使用 = 重新分配值到 array ，您想要获得连接值 let array1=[1,2,3,4]; let array2=[5,6,7,8]; array1.concat(array2); console.log('NOT WORK : array1.concat(array2); =>',array1); array1= array1.concat(array2); console.log('WORKING : array1 = array1.concat(array2); =>',array1); dataArray = dataArray.concat(array2) 其他人提到this.refs.concat(ref);分配并返回一个新数组，可以将其重新分配给对象：this.refs = this.refs.concat(ref);。 concat 不修改任何一个参数数组。 但是，这里可能更准确的是使用 push，它将一个元素添加到调用数组中：this.refs.push(ref);（不使用 =--push 进行重新分配）返回新的数组长度，即通常被忽略）。 如果您要添加多个项目，push接受变量参数，因此您可以将数组分散到其上： const arr = [0, 1, 2]; arr.push(3); // add one element console.log(arr) // => [0, 1, 2, 3] arr.push(4, 5); // add two elements console.log(arr) // => [0, 1, 2, 3, 4, 5] const toAdd = [6, 7, 8]; arr.push(...toAdd); // add an array console.log(arr); // => [0, 1, 2, 3, 4, 5, 6, 7, 8] concat 可以通过重新分配创建类似的结果： let arr = [0, 1, 2]; arr = arr.concat(3); // reassign with one new element console.log(arr) // => [0, 1, 2, 3] arr = arr.concat(4, 5); // reassign with two new elements console.log(arr) // => [0, 1, 2, 3, 4, 5] const toAdd = [6, 7, 8]; arr = arr.concat(toAdd); // reassign with a new array added console.log(arr); // => [0, 1, 2, 3, 4, 5, 6, 7, 8] concat 对于这个用例来说显然不太理想，但对于其他用例来说了解它很有用，特别是在需要不变性时（例如，在使用 React 状态时）。 使用 push 进行变异的另一个方便之处是在应该改变其参数的函数中： const addOne = arr => { // contrived example arr.push(1); }; const arr = []; addOne(arr); console.log(arr); // => [1] as expected const addOneBroken = arr => { arr = arr.concat(1); // purely local reassignment! }; addOneBroken(arr); console.log(arr); // => still [1] 合并数组和项的另一个选项是展开语法，类似于 concat： let arr = [0, 1, 2]; const toAdd = [3, 4, 5]; const arr1 = [...arr, 3]; // add one item, similar to concat console.log(arr1); // [0, 1, 2, 3] const arr2 = [...arr, ...toAdd]; // add an array, similar to concat console.log(arr2); // [0, 1, 2, 3, 4, 5] arr = [-1, ...arr, 42, ...toAdd, 6, 7]; // build a new complex array and reassign console.log(arr); // => [-1, 0, 1, 2, 42, 3, 4, 5, 6, 7] 上述操作可以通过链式 concat 调用来完成： let arr = [0, 1, 2]; const toAdd = [3, 4, 5]; arr = [-1].concat(arr).concat(42).concat(toAdd).concat(6).concat(7); console.log(arr); // => [-1, 0, 1, 2, 42, 3, 4, 5, 6, 7] 请注意，如果您不想在 push 期间展平数组，只需跳过 ... 展开即可： const arr = [0, 1, 2]; const toAdd = [3, 4, 5]; arr.push(toAdd); console.log(arr); // => [0, 1, 2, [3, 4, 5]] concat方法不会改变原始数组，您可以使用数组解构。 const numbers = [1,2,3,4]; const newNumbers = [5,6,7,8,9]; numbers.push(...newNumbers); // [1,2,3,4,5,6,7,8,9] 请注意，如果您确实想在使用 concat 函数时拥有一个可变数组（可变数组是指它不会创建新数组，而是会改变现有数组），您可以为该数组实例重新分配 concat 函数。当我需要这个时，我就这么做了。 let myArray = []; myArray.concat= function( toAdd){ if(Array.isArray(toAdd)){ for(let node of toAdd) this.push(node); }else this.push(toAdd); }

Jquery-UI 可拖动：当 droppable 动态更改大小时，“over”和“out”事件出现问题

我正在开发一个项目，我需要允许从侧边栏拖放到某些内容。 非常重要的是，内容（当将其悬停在可拖动的情况下）会随着应用而扩展...

如何在rails 6或rails 7 alpha引擎中使用jqueryUI

如果有人能够展示在 Rails 6 或 Rails 7 Alpha 2 引擎中使用 jquery ui 所需的确切步骤，我将不胜感激。 我无法让 importmap-rails 在 Rails 7 引擎中工作...