Tag: jquery ui tabs

使用jQuery哈希来改变URL而不添加书签

希望允许用户浏览页面上的多个选项卡，但是当点击后退按钮时，返回其上一页（无需导航回其选项卡历史记录）。 感觉就像我正在使用的方法中的一个（我更改URL并处理历史记录，或者我不更改URL并且不处理历史记录）。 我查看了HTML History API，它似乎没有直接与此直接对话，也没有找到我发现的很多post。 我希望我的标签可以链接，但不能作为浏览器的单独页面（我疯了吗？）。 非常感谢你。 JavaScript的 //add tab id to url var hash = window.location.hash; hash && $(‘ul.nav a[href=”‘ + hash + ‘”]’).tab(‘show’); $(‘.nav-tabs a’).click(function (e) { $(this).tab(‘show’); window.location.hash = this.hash; }); HTML My First Tab My Second Tab

具有内联内容的Fancybox 2中的UI选项卡。 如何在保留选项卡的同时直接转到选项卡

我有一个包含多个内联内容实例的fancybox。 一旦fancybox被激发，用户可以在ui标签的帮助下看到不同的“视图”。 但是我试图直接将nav href链接到这些内联实例。 目前，如果用户点击任何导航链接，fancybox将打开，他们将始终看到#sources“视图”。 我可以直接链接到其他内联实例但是我只会获得内联内容而不是标签本身，这是设计的重要部分。 它有一种方法，我可以从导航链接启动fancybox保留ui-tabs并定位选项卡索引（或id）本身？ 这甚至是解决方案吗？ HTML nav-primary和nav-secondary链接是我正在谈论的导航链接，因为你可以看到他们通过定位#menu打开了fancybox。 #menu需要成为ui-tabs-nav（标签）的目标。 + Sources + Topics + Geography + Tools + Learn + News Sources Topics Geography Tools Learn News Content here Content Here Content Here Content Here Content Here Content Here Fancybox JS $(‘.menu’).fancybox({ type: ‘inline’, scrolling: ‘auto’, width: 940, height: ‘auto’, padding: 0, autoSize: […]

选择选项卡和onselect代码冲突 – 无限重新加载页面

我使用JQueryUI TABS插件。 有我的标签结构。 TabGroup1 TabGroup2 TabGroup1-link1 TabGroup1-link2 TabGroup2-link1 TabGroup2-link2 当选择选项卡时，我使用此类代码选择并加载选项卡中的第一个链接。 它自己工作。 $(function() { $( “#tabs” ).tabs(); // Activate first link on tab $( “#tabs” ).bind( “tabsselect”, function(event, ui) { window.location.href = $(ui.panel).find(‘a:first’).attr(‘href’); }); }); 但在我的任务中，通过URL参数选择制表符的附加代码非常有用。 因此，如果访问者从第二个选项卡组打开链接，则必须显示第二个选项卡，而不是默认的第一个选项卡。* 我有工作代码，当加载此选项卡的链接时显示正确的选项卡（没有AJAX或类似的，只是ussual链接）。 $URL[‘part’]是变量我从引擎中的URL接收，这可以单独工作。 <?php if(@$URL['part']=='part2'){ echo '$(function() { $(“#tabs”).tabs(“select”,”#tabs-2″); });’; } ?> 但是，当我使用这两个代码块时，它会导致页面无限重新加载:-( 更新： 请注意，两个代码块都使用SELECT事件，这就是循环发生的原因。 UPDATED2： 我想，如果在选择选项卡时使用ONCLICK加载链接，并且由于URL设置而在激活选项卡上使用SELECT，则可以解决问题。 但我不知道如何在代码中写这个。

在jQuery UI 1.9中获取选项卡ID

如何在jQuery UI 1.9中获取选项卡ID？ 我在jQuery UI 1.8中使用此方法： var key = $(‘#chart-report-tabs .ui-tabs-panel:not(.ui-tabs-hide)’).prop(‘id’); 但它在1.9版本中不起作用。

如何在jQuery.ui选项卡中更改背景颜色

我想在jquery.ui选项卡中更改选项卡的背景颜色。 通常它默认使用颜色。 我的代码是 Home Home MY DATA MY DATA 2nd $( “#tabs” ).tabs(); $(‘#tabs’).bind(‘tabsshow’, function(event, ui) { $(‘#tabs’).css(‘background-color’, ‘#231f20’); }); 提前致谢

ui-tabs无法正常工作

我使用了ui-tabs，这是我使用的代码： $(function () { $(‘#tabs’).tabs({ event: ” }); }); function validateContact() { var fname = $(‘#first_name1’).val(); if (fname == ”) { alert(“Enter Name”); } else { $(‘#tabs’).tabs({ event: ‘click’ }); doitcontact(); } } function doitcontact() { var cnt = $(“#frmdocontact”).serialize(); $.ajax({ type: “POST”, url: “doitcontact.php”, data: cnt, success: function (msg) { var spt = msg.split(‘#$@$’); […]

一个页面中的JQuery多个标记组

相关问题我在哪里获得脚本： jQuery，一个页面上的多个选项卡组 jquery与相同的脚本冲突 所以标题说我有一个包含多个标签组的页面。 选项卡仅适用于第一组，并停止处理其余组。 剧本： $(function() { $(“.tab_content”).hide(); $(“ul.tabs”).each(function() { $(this).find(‘li:first’).addClass(“active”); $(this).next(‘.panes’).find(‘.tab_content:first’).show(); }); $(“ul.tabs”).each(function() { $(“ul.tabs li a”).click(function() { alert(“hello”); var cTab = $(this).closest(‘li’); cTab.siblings(‘li’).removeClass(“active”); cTab.addClass(“active”); cTab.closest(‘ul.tabs’).nextAll(‘.panes:first’).find(‘.tab_content’).hide(); var activeTab = $(this).attr(“href”); //Find the href attribute value to identify the active tab + content $(activeTab).fadeIn(); //Fade in the active ID content return false; }); }); […]

如何让我的jquery ui标签左右滑动？

所以我目前有一个控制内容的jQuery Ui标签的网站。 我有前一个和下一个按钮 Nunc tincidunt Proin dolor Aenean lacinia Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis […]

jqueryui选项卡（1.9.1）在加载时激活

我有这样的代码： var enTabs = { “Layout”: 0, “Edit”: 1, “Stuff”: 2 } $(“#tabs”).tabs({ activate: function (event, ui) { switch (ui.newTab.index()) { case enTabs.Layout: // loads remote data, processes it, draws it to this tab; break; case enTabs.Edit: // loads remote data, processes it, draws it to this tab; break; case enTabs.Stuff: // loads remote data, […]

jQuery UI选项卡中的jQuery多个轮播在Internet Explorer和Chrome中无法正常工作

我在页面中遇到问题，其URL可以在下面看到： http://hero.mynet.com/new/ 页面中间底部有一个标签式结构。每个标签包含一个轮播工作。每个轮播项目（图像）在点击时都可以叠加显示。 我使用jQuery 1.3.2（我知道它已经老了，但由于其他依赖关系我无法改变），jQuery UI 1.7.3，jCarousel 0.2.8和FancyBox 1.3.4来构建它。 单击第2或第3个选项卡并单击上一个按钮时，可以在Internet Explorer和Chrome的屏幕截图中看到问题。 什么可以导致这种情况，我尝试了很多东西来解决这个问题，但没有解决我的问题。 您有什么推荐的吗？ 由于这项工作的时间安排，很难将所有结构改为新结构。 现在已经回答了所有的答案 Internet Explorer屏幕截图 Chrome屏幕截图