Tag: 用户界面

jQuery UI Draggable在第一次拖动时跳转: 请参考这个jsFiddle示例。在第一次拖动拖动时，它会跳出可视区域。但它仍然可以拖延。它只是不坚持鼠标光标。以下代码是我使用的主要JS代码。 $(‘.sortable’).sortable({ revert: true }); $(‘.draggable’).draggable({ connectToSortable : ‘.sortable’, revert : ‘invalid’ });

父级的JQuery UI对话定位中心: 我有一个function片段如下…… function LoadTheDialog($url) { $dialog = $(”); $dialog.html(”); $dialog.dialog({ width: 555, modal: true, resizable: false, draggable: false, open: function (type, data) { $($dialog).parent().appendTo(“body”); } }).dialog(‘widget’).position({ my: “center”, at: “center”, of: window, collision: “none” }); }; 无论我到目前为止尝试了什么，对话框总是显示在浏览器的左上角…… 我错过了一些明显的东西吗我还想包装静态宽度和高度，并将其自动大小设置为加载的远程内容的大小，但这些选项似乎无法按预期工作…… 提前致谢。

什么是分层数据的最佳jquery多选选择器: 今天我有一个“扁平”下拉选择器，有超过200件物品。问题是该列表实际上是一个数据层次结构，因此我想看看是否有任何可以显示数据层次结构的选择器，以便人们可以看到每个项目在整个列表中的位置。现在我正在连接级别，所以它会显示如下： level 1 –> level 2 level 1 –> level 2 level 1 –> level 2 –> level 3 但我认为可能有一个更好的UI小部件，可以更容易从列表中选择列表本身具有不同级别的数据。

根据不同大小的浏览器或移动屏幕动态重新排序切片: 无论用什么屏幕来查看页面，我都希望尽可能多地显示图块。不同的场景包括：手机浏览器（iPhone，Android） iPad或Android桌面或Kindle Fire 狭窄的浏览器窗口（safari，chrome，即firefox，operta等）全屏浏览器窗口我想到的一个解决方案是使用960.gs和adaptive.js …但是，当我设置div的大小时，例如： div class =“tile grid_4” 我注意到adaptive.js会调整tile的大小（因为不同的.css文件会调整列的大小）…但是，我需要保持固定的tile大小（310px X 450px）…. 也许我需要动态重命名div类，以便列#g col width = 310px？一个这样做的网站是http://pinterest.com 要查看每个瓷砖的外观，请查看http://jsfiddle.net/hagope/76jjp/

jQuery UI对话框 – 无法看到closeText: 我正在尝试制作一个简单的对话框 – 没有标题只是’关闭’这个词和右上角的X. 我的文字等将在下面。但是我摆弄它我无法显示closeText属性 – 我可以在FireBug中看到它，但它不会出现，或者X图形下面会出现几个字符。

JQuery UI +标签：如何使用叠加选项卡来获取所选选项卡: 我是Jquery的新手。我正在使用JQuery UI，并且我在选项卡中使用了Tabs：Tabs。 ___________ 选项卡1 | 标签2 | 标签3 | 标签4 | 表5 _____________ 表1-1 | 表1-2 | 表1-3 | 表1-4 | 表1-5 我正在使用$（’＃div’）。bind（’tabsselect’，function（event，ui）{ selectedTab = ui.index; alert（’selectedTab：’+ selectedTab）; }）; 知道选定的索引。如果我单击“选项卡”1，则返回的所选索引是正确的。但是当单击第二级中的选项卡（“选项卡1-xx”）时，也会触发该事件。我想在第一级选项卡（选项卡x）上重新绑定绑定（’tabsselect’，function（event，ui））。我怎样才能做到这一点？谢谢

使用JQuery的全局事件注册表: 我在JQuery中开发了一个基于AJAX的Web应用程序，其中包含许多GUI组件。有一些应用程序状态会影响所有GUI组件。例如，在执行AJAX请求时，我希望我的工具栏按钮“冻结”，并且在请求完成之前不会触发任何单击事件。这同样适用于我的滑块控件和一些可拖动的GUI组件。为了简化应用程序状态之间的转换，我想开发一个提供以下function的全局事件注册表：每个gui组件都可以在注册表中注册，删除，触发其事件暂停事件的能力（即在我的应用状态处于某种状态时解除绑定，然后自动重新绑定它们）将app状态与gui行为匹配（例如，在绘图模式下，只有“退出绘图模式”按钮处于活动状态）有没有人知道可以帮助我的jQuery插件？

链接在UI Selectable内部不起作用: 这些是来自JQuery网站的代码，我重写了一个内容： #feedback { font-size: 1.4em; } #selectable .ui-selecting { background: #FECA40; } #selectable .ui-selected { background: #F39814; color: white; } #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; } #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; } $(function() { $( “#selectable” ).selectable(); }); link can not click Item 2 […]

jquery 1.9手风琴高度问题: 我使用的手风琴的父母身高是400px。我希望手风琴的高度永远不会超过400px，但我也希望手风琴的各个元素能够适应其内容的大小。通过将“heightStyle”设置为“fill”，我可以将整个手风琴的高度设置为400px。在这种情况下，手风琴的每个元素都有相似的大小，如果元素的内容大于默认大小，它变得可滚动，但如果内容较小，你会得到很多空的空间，这是我不想要的。当然，我可以通过将“heightStyle”设置为“content”来使每个元素成为内容的大小，但在这种情况下，手风琴的扩展大小可以大于400px。所以我想要的是“填充”和“内容”的组合，你知道如何获得这种行为吗？谢谢。

将鼠标滚轮绑定到Jquery UI滑块: 我做了搜索，有一些类似的post，但我似乎无法让它工作。我知道这是陈词滥调，但我是JQuery和JQuery UI的新手，因为我的核心技能是PHP，所以任何帮助都非常感谢。下面是我对JQuery垂直滑块的代码。 $(“#VerticalScrollBar”).slider({ orientation: “vertical”, change: VerticalHandleChange, slide: VerticalHandleSlide, min: -100, max: 0 }); 和function function VerticalHandleChange(e, ui) { var maxScroll = $(“.VerticalScroll”).attr(“scrollHeight”) – $(“.VerticalScroll”).height(); $(“.VerticalScroll”).animate({ scrollTop: -ui.value * (maxScroll / 100) }, 1000); function VerticalHandleSlide(e, ui) { var maxScroll = $(“.VerticalScroll”).attr(“scrollHeight”) – $(“.VerticalScroll”).height(); $(“.VerticalScroll”).attr({ scrollTop: -ui.value * (maxScroll / 100) }); 垂直滑块工作正常，但现在我需要集成鼠标滚轮支持。 […]