Tag: jquery ui

jQuery选项卡 – 获取新选择的索引: 我以前使用jquery-ui tabs扩展来通过ajax加载页面片段，并隐藏或显示页面中隐藏的div 。这两种方法都有很好的记录，我在那里没有任何问题。但是，现在我想用标签做一些不同的事情。当用户选择一个标签时，它应该完全重新加载页面 – 原因是每个标签部分的内容渲染起来有些昂贵，所以我不想一次性发送它们并使用普通方法切换’display：none’以显示它们。我的计划是截取选项卡的select事件，并让该函数通过操作document.location重新加载页面。如何在select处理程序中获取新选择的选项卡索引和它对应的html LI对象？ $(‘#edit_tabs’).tabs( { selected: 2, // which tab to start on when page loads select: function(e, ui) { var t = $(e.target); // alert(“data is ” + t.data(‘load.tabs’)); // undef // alert(“data is ” + ui.data(‘load.tabs’)); // undef // This gives a numeric index… alert( […]

JQuery UI可排序：根据某些条件恢复位置: 我调用sortable.stop()来进行ajax调用，以便在拖放操作后存储一些数据。当ajax调用返回错误（应用程序逻辑错误或网络问题）时，我想将拖动的元素移动到其原始/开始位置，我该如何实现它？场景应该是用户拖动A到B. 调用sortable.stop()事件，它会触发ajax调用 ajax调用返回错误在stop()事件中，我们得到了ajax错误将A移动到其原始位置用户再次将A移动到B. 一切都好 A仍然处于B的新位置显示步骤6-8以阐明可以进行连续拖动并且必须忘记先前的错误。

分别更改jquery-ui自动完成小部件的宽度: 我正在一个页面上使用多个jquery-ui自动完成小部件，并希望能够单独设置每个小部件的宽度。目前，我这样做： $($(‘.ui-autocomplete’)[0]).width(150); $($(‘.ui-autocomplete’)[1]).width(105); $($(‘.ui-autocomplete’)[2]).width(80); 这不是真正的解决方案，因为用户能够以不同的顺序触发各种自动复合，并且此代码仅根据它们添加到DOM的顺序对它们进行设置。触发自动完成时，它似乎创建了一个，然后将其放在触发它的输入框下。不幸的是，我在这个生成的找不到任何唯一标识符来锁定并应用一些CSS。我的问题与此问题不同，因为我只使用默认的自动完成function，而不是自动完成combobox。此外，挖掘自动完成并将不同的自动完成框宽度与列表中的值匹配也不起作用，因为这些值是动态生成的。有任何想法吗？

jQuery UI Alert对话框作为alert（）的替代品: 我正在使用alert()将我的validation错误输出回用户，因为我的设计没有提供其他任何内容，但我宁愿使用jQuery UI对话框作为我的消息的警告对话框。由于错误不包含在（html）div中，我不知道该怎么做。通常你会将dialog()分配给div说$(“#divName”).dialog()但我更需要一个类似于alert_dialog(“Custom message here”)或类似内容的js函数。有任何想法吗？

jQuery ui带滚动条的ReSizable: 我试图在div上有一个resizable，但resizer句柄总是包含在div中我可以在滚动条结束的地方。 ///////////编辑/////////// 我用jScrollPane实现了它，但在使用jScroll后我无法横向resize。演示http://i53.tinypic.com/906rk9.png

Chrome类型=“日期”和jquery ui日期选择器冲突: 我有一个输入框，其类型为“日期”，在IE中一切正常，但在最新版本的Chrome中，它带有一个微调器，向下箭头和占位符为mm / dd / yyyy。在Chrome中，点击该字段Chrome会打开一个日期选择器，我已经为我的应用程序使用了jquery ui的datepicker。这两者都在发生冲突，如下所示：我已经应用了如下修复： input[type=”date”]::-webkit-calendar-picker-indicator{ display:none; -webkit-appearance: none; margin: 0; } input[type=”date”]::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; } /** THIS DOESN'T WORK **/ input[type="date"]::-webkit-input-placeholder{ display:none !important; -webkit-appearance: none !important; visibility: hidden !important; } /** THIS DOESN'T WORK **/ 添加上面的代码后，看起来很明智：上面的代码隐藏了激活Chrome日期选择器的微调器和箭头。但是有一个问题，占位符（’mm […]

jQuery.ui.draggable.js和jQuery.ui.widget.js冲突: 我有一个工作的应用程序，它使用一个jquery ui对话框。我想让对话框可拖动。据我所知，唯一需要的是jquery.ui.draggable.js脚本。所以我将它添加到我正在使用的脚本中，但是知道我收到以下错误（如firebug控制台中所示）：base不是构造函数jquery.ui.widget.js中的相关行是： var basePrototype = new base(); 这是我添加所有脚本的方式：难道我做错了什么？或者这是jquery的问题？在此先感谢您的帮助

如何在jQuery中移动Diagonal Movement中的元素？: 我知道如何在jQuery中上下移动元素。 $(“#div”).animate({“left”: “+=100”}, 1000); //move 100px to the right 但我不知道是否会进行对角线运动。我正在做棋盘，我不知道如何移动Bishop效果。请查看以下URL http://chess.diem-project.org/ 我确实喜欢这个…但这不是一个正确的方法。 for(var i = 0;i<50;i++){ // move down and move right 1 pixel at a time to get effect $("#div").animate({"left": "+="+x}, 1); $("#div").animate({"top": "+="+x}, 1); } 任何的想法？真的很感激你的帮助！

使用URI哈希识别选项卡时阻止滚动: 我正在使用JQuery UI在我的应用程序中制作标签。我需要标签是可链接的（直接链接打开页面并选择正确的标签）。这是通过使用散列标记/ 分段标识符来完成的。但是当标签上方和标签内的内容很长时，我遇到了问题。单击选项卡时，页面向下滚动到选项卡的开头。这不是我想要的。我正在使用Jquery 1.7.1和Jquery UI 1.8.16。 javascript / Jquery代码是标准的Jquery UI选项卡，添加了事件“tabsshow”。这在使用jquery ui标签更改location.hash （Stackoverflow问题）和JQuery UI标签时建议：点击标签时更新带有哈希的URL （博客 – 罗宾的技术日记） $(document).ready(function() { $(“#tabs”).tabs(); /** * Add hash to URL of the current page * * http://chwang.blogspot.com/2010/02/jquery-ui-tabs-updating-url-with-hash.html * https://stackoverflow.com/questions/570276/changing-location-hash-with-jquery-ui-tabs */ $(“#tabs”).bind(‘tabsshow’,function(event, ui) { window.location.hash = ui.tab.hash; }); }); 以下HTML可用于测试行为 Some other content […]

在Zend Framework 1.9应用程序中开始使用jQuery的最佳方法是什么？: 我想在我的Zend Framework应用程序中开始使用jQuery，但不确定哪种是最好的入门方式。我知道我可以像任何其他javascript库一样包含jQuery库，但是使用ZendX_JQuery有什么好处，在Zend Framework 1.9应用程序中开始使用它需要哪些步骤？