问题标签 [jquery-ui]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
761 浏览

jquery-ui - jquery sortable - 如何防止项目从一个列表拖动到另一个

有两个可排序的 UL 元素通过“connectWith”选项相互链接,以便一个列表中的项目可以移动到另一个列表,反之亦然。我需要禁止将某些项目移动/拖动到另一个列表,同时仍然让它们可以在自己的列表中拖动。有没有办法实现这种行为?

现在我只能使用这些可排序列表的“项目”选项来限制项目的拖动,但是虽然这可以防止所需的项目拖动到另一个列表,但这也可以防止这些项目在自己的列表中拖动(这很糟糕)。

0 投票
1 回答
305 浏览

javascript - 这是使用 jQuery 选项卡创建“全部”选项卡的最佳方式吗?

我已经使用 jQuery UI 选项卡创建了一个界面,但是我的要求之一是有一个“全部”选项,该选项可以同时显示选项卡组中所有页面的内容。

我的选项卡是从 PHP 动态生成的,我给每个选项卡按钮一个 id,以便结果如下所示:

然后在我的 JavaScript 中,我有以下内容:

我正在使用setTimeout(),因为选择了选项卡时,jQuery UI在先前选择的选项卡上设置UI-Tab-Hide类,从而从我可以在新选项卡上单击“事件”之后发生的内容。这样,刚刚收到 ui-tabs-hide 类的选项卡也会将其删除。

它似乎工作得很好,但是对我来说感觉有点像黑客,那么有没有更好的方法来做到这一点?谢谢。

0 投票
3 回答
2241 浏览

jquery - 我想将一个 HTML 表单分解为几个 JQuery UI 选项卡,并有一个“全部”选项卡,其中包含所有表单位

我希望在 JQuery UI 选项卡布局中将大型 HTML 表单分解为几个较小的子表单。但我想要一个特殊的“全部”选项卡,其中包含该选项卡上的所有子表单。因此,当用户单击“全部”选项卡时,他们可以查看和编辑通常在多个选项卡上划分的所有表单字段。

我怎么能用 JQuery 轻松做到这一点?我想避免拥有实际字段的两个副本,因为在子表单版本和特殊的“全部”表单版本之间复制/粘贴数据似乎很痛苦。

请注意:我使用的是 ui.jquery.com 选项卡布局。

0 投票
3 回答
521 浏览

jquery-ui - jQuery ui 对话框问题

我开始使用 jquery ui 库向 asp.net 应用程序添加一些增强的 UI 元素。并遇到了一个小错误/问题:

我有一个 jquery UI 对话框,当单击按钮时会调用它。对话框的文本都在 a 中,并且通常对用户隐藏,然后 jquery UI 发挥它的魔力并使用该文本来显示对话框 -一切正常。

这是代码:

这是div:

问题是,每次我的表单重新绘制时,“隐藏”文本实际上会在页面上闪烁一秒钟,然后再次隐藏。(即“您是否想取消此活动/会议文本实际上在一瞬间可见)

有可能防止这种情况吗?

0 投票
10 回答
64001 浏览

asp.net - jQuery模态表单对话框回发问题

我创建了一个jQuery UI模态表单,我希望该表单触发回发,但我很难让它工作。

我知道有很多基于使用 SimpleModal 插件的文章,我尝试调整这些并覆盖 _doPostback 函数,但没有任何乐趣。

我认为问题在于对我的 __doPostBack 函数的调用以及参数应该是什么。是这样吗?

这是我的表格

这是 JavaScript 代码:

0 投票
18 回答
65901 浏览

jquery - 使用 jquery ui 选项卡更改 location.hash

我一直在尝试找到一种方法将 window.location.hash 更改为Jquery UI Tabs中当前选定的选项卡。

我试过了:

这会导致在更改选项卡时将哈希更改为#undefined。

我也试过:

但这似乎根本没有被触发。

任何帮助,将不胜感激。谢谢。

编辑:看起来我最初的问题的一部分与其他地方干扰这个的 js 有关。接受的答案和稍作修改的其他建议答案都可以工作。谢谢大家。

0 投票
3 回答
3355 浏览

jquery-ui - 使用 jquery ui 选项卡更改哈希但不移动页面

我添加了以下代码以将哈希更改为选项卡名称:

这在 FF3 中运行良好,但在 IE7 中它会向下移动页面(取决于从页面顶部附近的某处一直到页面末尾的任何地方选择的选项卡)。

我尝试将其更改为:

这导致 IE7 和 FF3 中的行为相同,将页面向下移动到所选选项卡的顶部。

我希望更改选项卡,更新哈希,但页面根本没有移动,这就是我的第一个示例在 FF3 中的工作方式,但在 IE7 中则不然。

谢谢。

注释:JQuery 1.3.1 / JQuery-UI 1.6rc6

0 投票
3 回答
1345 浏览

javascript - 为什么将所有 JavaScript 文件转储到一个巨大的文件中会改变它们的行为?

我拍摄了我使用的 jquery.js 文件和 jquery-ui 文件的快照,并将它们与我用于我的站点的所有其他 .js 文件一起转储到一个巨大的 .js 文件中。

当我在没有缩小/打包的情况下执行此操作时,文件停止工作,并且当我尝试将其加载到我的站点而不是通常的 .js 文件时,文件上出现“递归太深”错误。所有的错误都来自 jquery 和 jquery-ui。使用简单的编号方案,我确保 jquery.js/jquery-ui 文件是文件中第一个列出的并且顺序正确(与包含单个文件相同。)

两个问题: 1) JavaScript 的包含标签与将所有文件转储到一个大文件中的效果不一样吗?JavaScript 文件在它们自己的脚本标签或不同文件中是否有额外的隔离/绝缘?

2) 我的目标是通过一个巨大的 .js 文件来加快我的网站速度,其中包含我在我的网站中使用过的所有 JavaScript(在 JQuery 中很重)并缩小该文件。为什么这是误导?有什么更好的方法呢?

注意:Google 的 JQuery 文件的 CDN 版本对我不起作用,我使用的所有 JQuery 插件/主题都不适用于 Google 的版本(无论如何,谁说他们可以成功使用 Google 的 CDN 是在撒谎。)

更新:感谢答案中的好建议,所有这些都帮助我了解了有关在生产服务器上部署 JavaScript 文件的更多信息。我实际上一直在使用 JQuery UI 插件的最新 SVN 分支,并且 UI 插件中存在错误,导致它们无法与我的文件合并在一起。我得到了最新的 Theme Rolled 插件,这些插件已经在一个文件中缩小并且可以解决这个问题。

0 投票
1 回答
887 浏览

asp.net-mvc - 将序列化的 JQuery 可排序结果提交到数据库的最佳方法是什么?

我正在使用 JQuery.Sortable() 函数来创建一个可重新排序的项目列表,如下所示

返回的结果是项目 ID 的逗号分隔列表(即 1、2、3、4、5、6 等)

我想知道将其提交到相关项目表的排序列的最佳方式是什么......我可以循环并更新每条记录,但我认为这是大量的数据库写入,可能会造成潜在的瓶颈特别是如果列表相当大。

我正在使用 LINQ-to-SQL 和 ASP.NET MVC

0 投票
4 回答
66989 浏览

jquery - 使用 URL 中的参数选择 jQuery 选项卡

我目前正在研究用 jQuery UI 提供的选项卡替换Struts 1 标记库提供的选项卡。我已成功设法将选项卡与现有应用程序集成,但我正在努力解决如何使用传入 URL 上的参数设置选定选项卡,即 myurl.com/action.do?selectedTab=SecondTab。

我是 JavaScript 和 jQuery 的新手;关于从哪里开始有哪些指示?