Questions tagged «jquery-ui»

jQuery UI是在jQuery JavaScript库之上构建的一组精选的用户界面交互，效果，小部件和主题。

12
jQuery UI Sorting with table and tr width
我正在使用可排序的jQuery UI，以使我的表网格可排序。该代码似乎可以正常工作，但是因为我没有在tds上添加width ，所以当我拖动s时tr它会缩小内容。 例如; 如果我开始拖动时表格行为500px，则该行变为300px。我认为是因为没有在网格中定义宽度而发生了。那是因为我正在为tds（fix和liquid）使用两个类。 的fix类使得td等于所述内容的宽度和liquid使td宽度100％。这是我的网格表方法，无需为tds 分配宽度。 知道如何使用我的方法进行可排序的工作吗？
23
如何在Jquery UI对话框中实现“确认”对话框？
我尝试使用JQuery UI对话框替换丑陋的javascript:alert()框。在我的场景中，我有一个项目列表，在每个项目旁边，我将为每个项目都具有一个“删除”按钮。伪html设置将如下所示： <ul> <li>ITEM <a href="url/to/remove"> <span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> </ul> <div id="confirmDialog">Are you sure?</div> 在JQ部分中，在准备好文档后，我首先将div设置为带有必要按钮的模式对话框，然后将要触发的那些“ a”设置为确认后再删除，例如： $("ul li a").click(function() { // Show the dialog return false; // to prevent the browser actually following the links! } 好，这是问题所在。在初始化期间，对话框将不知道是谁（项目）启动它，也不知道项目ID（！）。我如何设置那些确认按钮的行为，以便在用户仍然选择“是”的情况下，将通过该链接将其删除？
10
jQueryUI工具提示正在与Twitter Bootstrap竞争
我已经能够使用以下代码最终获得一些工具提示： <a href="#" rel="tooltip" title="Tool tip text here">Hover over me</a> 然后 <script> $('[rel=tooltip]').tooltip(); </script> 我遇到的问题是它使用的是jQueryUI工具提示（无箭头，丑陋的大工具提示）而不是Bootstraps。 我需要怎么做才能使用Bootstrap工具提示而不是jQueryUI？
13
jQuery UI datepicker更改事件未被KnockoutJS捕获
我正在尝试将KnockoutJS与jQuery UI结合使用。我有一个附有日期选择器的输入元素。我目前正在跑步knockout.debug.1.2.1.js，而且变更事件似乎从未被淘汰赛捕获。该元素如下所示： <input type="text" class="date" data-bind="value: RedemptionExpiration"/> 我什至尝试更改valueUpdate事件类型，但无济于事。Chrome似乎focus在更改值之前就引发了一个事件，但是IE却没有。 是否存在一些“重新绑定所有绑定”的淘汰方法？从技术上讲，我只需要更改值，然后再将其发送回服务器即可。所以我可以接受这种解决方法。 我认为问题出在日期选择器的问题上，但我不知道该如何解决。 有任何想法吗？
13
自动将jQuery UI对话框的大小调整为ajax加载内容的宽度
我在查找有关此方面的特定信息和示例时遇到很多麻烦。我的应用程序中有许多jQuery UI对话框，这些对话框附加到已加载.ajax（）调用的div上。它们都使用相同的设置调用： $(".mydialog").dialog({ autoOpen: false, resizable: false, modal: true }); 我只想将对话框调整为要加载的内容的宽度。现在，宽度仅停留在300px（默认），我得到一个水平滚动条。 据我所知，“ autoResize”不再是对话框的选项，当我指定它时什么也没有发生。 我试图不为每个对话框编写单独的函数，因此.dialog("option", "width", "500")并不是一个选项，因为每个对话框的宽度都不同。 指定width: 'auto'对话框选项只会使对话框占用浏览器窗口宽度的100％。 我有什么选择？我正在将jQuery 1.4.1和jQuery UI 1.8rc1一起使用。看起来这应该很简单。 编辑：我已经为此实现了一个变通的解决方法，但我仍在寻找更好的解决方案。
7
如何在关闭时完全删除对话框
当ajax操作失败时，我将创建一个带有错误的新div，然后将其显示为对话框。关闭对话框后，我想完全销毁并再次删除div。我怎样才能做到这一点？目前，我的代码如下所示： $('<div>We failed</div>') .dialog( { title: 'Error', close: function(event, ui) { $(this).destroy().remove(); } }); 当我运行此对话框时，对话框会正确显示，但是当我关闭对话框时，该对话框在html（使用FireBug）中仍然可见。我在这里想念什么？我忘记了什么？ 更新：刚刚注意到我的代码在Firebug控制台中给了我一个错误。 $（this）.destroy不是函数 有人可以帮助我吗？ 更新：如果我只是这样做$(this).remove()，则该项目将从html中删除。但是它是否已从DOM中完全删除？还是我还需要以某种方式首先调用该destroy函数？
7
使JQuery UI对话框自动增长或缩小以适合其内容
我有一个显示表单的JQuery UI对话框弹出窗口。通过选择表单上的某些选项，新选项将出现在表单中，使其变高。这可能导致主页具有滚动条，而JQuery UI对话框具有滚动条的情况。对于用户来说，这种双滚动条的方案是难看的并且令人困惑。 如何使JQuery UI对话框增长（并可能缩小）以始终适合其内容，而不显示滚动条？我希望主页上只有滚动条可见。
23
在<Enter>上提交jQuery UI对话框
我有一个带有表单的jQuery UI对话框。我想模拟对对话框按钮之一的单击，因此您不必在其上使用鼠标或标签。换句话说，我希望它像常规的GUI对话框一样模拟单击“确定”按钮。 我认为这可能是对话框中的一个简单选项，但是我无法在jQuery UI文档中找到它。我可以将每个表单输入与keyup（）绑定，但不知道是否有更简单/更干净的方法。谢谢。
1
如何保持jQuery UI手风琴默认折叠？
我正在使用jQuery UI Accordion，它的效果很好，但是除非我单击它，否则我希望手风琴保持关闭状态。 我现在正在使用此代码，可以将其关闭： $("#accordion").accordion({ header: "h3", collapsible: true }); 有没有一种方法可以默认关闭它，除非单击它？
130 jquery-ui 
6
密钥代码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; }
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.