Tag: tabs

显示回调不会触发jquery ui标签: 我遵循这些例子： http ： //jsfiddle.net/Shef/k6TEZ/ ，其中使用了callback show() 。我也在执行这个callback ，但似乎无法正常工作。这是我的html和jquery HTML Nunc tincidunt Proin dolor Aenean lacinia Proin elit arcu,mpus lectus. Morbi tincidunt, d Mauris eleife. jQuery的 $(“#tabs”).tabs({ show: function(event,ui){ console.log(“shown”+ui.index); } }); $( “#tabs” ).find( “.ui-tabs-nav” ).sortable({ axis: “x” }); //tabsactivate //tabsshow $(‘#tabs’).on(‘tabsactivate’, function(event, ui) { $(ui.newTab).data(‘index’,ui.newTab.index()); console.log($(ui.newTab).data(‘index’),ui.newTab.index()); }); 有人可以帮我解决为什么show()没有解雇？与jquery ui 1.10它不起作用。使用1.9.2它可以工作。

jQuery：如何在div变为可见时绑定事件？: 我有一个div元素： Tab data 。如何在此div变为可见时绑定自定义事件（获取display: block; ）？而且当我的div变得不可见时，我想绑定一个事件（获取display: none; ）。我想在jQuery中这样做。编辑：我正在使用ajax内容制作简单的标签。我希望此选项卡上的内容仅在选项卡可见时才进行ajax更新。

jQuery选项卡选择特定选项卡: 我有一个包含一组jQuery选项卡的页面。所有选项卡都指向同一个目标div，但是通过ajax加载不同的内容。当我执行初始整页加载时，我需要根据各种因素设置不同的活动选项卡。目标div中的内容已经在服务器上为此初始加载设置，因此我不需要单击选项卡，我只需要将正确的选项卡设置为“选中”。我已经尝试将相关“li”html元素的类设置为“ui-tabs-selected”。这具有初始期望的效果，但是一旦加载页面然后在选择另一个选项卡时，预选的选项卡不会关闭，从而选择两个选项卡。那么，有没有人知道预选一个标签的替代方法（不会导致它被点击），或者是我所看到的奇怪的“ui-tabs-selected”行为的解决方案。谢谢。 $(function() { $(“#panelTabs”).tabs({ ajaxOptions: { error: function(xhr, status, index, anchor) { $(anchor.hash).html(“Couldn’t load this tab. We’ll try to fix this as soon as possible.”); } } }); $(“#panelTabs”).tabs({ select: function(event, ui) { getPage(‘hps.aspx?cmd=zz_’ + ui.tab.id, ‘panelA’); } }); }); 以及构建UL的C＃片段： StringBuilder tabsLiteral = new StringBuilder(); tabsLiteral.Append(“”); foreach […]

如何使jQuery UI选项卡显示在页面底部: 有没有办法让jQuery UI选项卡小部件选项卡出现在页面底部？使用jQuery站点中的示例： jQuery UI Tabs – Default functionality $(function() { $(“#tabs”).tabs(); }); Nunc tincidunt Proin dolor Aenean lacinia Blah More blah The return of blah Click tabs to swap between content that is broken into logical sections. 标签显示在顶部，这是正常的，但我想做一个电子表格应用程序，因此标签应显示在底部。先感谢您。

jQuery选项卡：面板覆盖100％高度的选项卡: 我正在尝试使用具有面板内容的jQuery-UI的选项卡小部件来扩展到整个可用空间。这是我到目前为止的简化版本： http ： //jsfiddle.net/MhEEH/3/ 当我使用以下CSS时，您会看到＃tab-1的绿色面板内容只覆盖整个页面，而不仅仅是面板空间： #tab-1 { background: green; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } 我可以使用“top：27px;” 解决这个问题，但这会碰到两件事：如果我更改选项卡“主题”，高度（27px）可能会更改如果我有很多标签，我会在第一行下面有第二行。所以我的小组内容将涵盖第二行…… 干净简洁的解决方案会很好。 JavaScript是可以接受的，而（干净！）仅CSS的解决方案更可取…… – 问候，斯特凡

jQuery移动导航选项卡: 我想在我的jQuery Mobile项目中有一个标签导航。我知道我可以使用数据角色’navbar’，但我只想更改导航栏下面的内容而不刷新到新页面。到目前为止，我只能有几个不同的页面，相同的导航栏相互链接，但这不是我想要的。谁能帮我？先感谢您

jQuery UI – 删除焦点上的橙色标签边框: 我想删除这个边框：并且因为它仅在焦点上显示，所以我无法使用chrome控制台找到要覆盖的类。有没有人这样做，知道我应该覆盖什么类？编辑：我想这是标准行为，在这里你可以看到这个例子。我也在使用Chrome。

jQuery UI选项卡 – 自动高度: 在以前版本的jQuery tabs有一个选项可以使用以下选项自动将选项卡的高度设置为组中最高选项卡的高度： $(‘#container’).tabs({ fxAutoHeight: true }); 但是这似乎在jQuery UI 1.5.3不起作用。此选项已被删除吗？如果是这样，有另一种方法来获得相同的function？

使用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 […]

在bootstrap 3中使用onclick显示带外部链接的选项卡: 我想链接到一个bootstrap 3.2.0选项卡，其链接如下： Tab name 谢谢！！