Tag: tabs

记住页面重新加载后的jQuery选项卡位置

我有一个包含一些GridView的页面。 我使用选项卡菜单将它们保存在选项卡中。 有四个选项卡。 我的问题是当页面重新加载时，选项卡会重置为第一个选项卡。 HTML：     Bottom Banner Side Banner Bottom Side Banner Top Main Ad //some gridview here //similarly three more gridviews jQuery的： $(document).ready(function () { // When a link is clicked $(“a.tab”).click(function () { // switch all tabs off $(“.active”).removeClass(“active”); // switch this tab on $(this).addClass(“active”); // slide all content up $(“.content”).slideUp(); […]

jQuery UI选项卡 – 将选项卡绑定到同一页面上的链接

我正在尝试将标签绑定到同一页面上的链接，但我是一个相对较新的jQuery并需要一些帮助。 我有选项卡使用jQuery UI站点的代码。 但是，如何绑定同一页面上边栏中的链接？ $(function() { $( “#tabs” ).tabs(); }); /script> 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. […]

物化滑动标签不适用于模态

我遇到了一个奇怪的问题。 我在物化标签上使用滑动，当我在没有模态的情况下滑动它工作正常但是当我将它们包含在模态中时，滑动function不再起作用了 $(document).ready(function() { $(‘.modal’).modal(); $(‘.tabs’).tabs({ swipeable: true }); }) div.tabs-content.carousel.carousel-slider { height: 200px !important; } Document Open Register your profession Test 1 Test 2 Test 3 Test 1 Test 2 Test 3 Agree 这是小提琴： jsfiddle

链接下拉菜单，其中包含引导程序中的选项卡

我在将下拉菜单与标签链接时遇到问题。 我想要的是，当使用制表符并通过Bootstrap 3中的下拉列表或制表符导航选择内容时，除了内容（该类称为“活动”）之外，相关选项卡还要切换为“活动” 。 这是控制选项卡的boostrap.js。 Tab.prototype.show = function () { var $this = this.element var $ul = $this.closest(‘ul:not(.dropdown-menu)’) var selector = $this.attr(‘data-target’) if (!selector) { selector = $this.attr(‘href’) selector = selector && selector.replace(/.*(?=#[^\s]*$)/, ”) //strip for ie7 } if ($this.parent(‘li’).hasClass(‘active’)) return var previous = $ul.find(‘.active:last a’)[0] var e = $.Event(‘show.bs.tab’, { relatedTarget: previous }) $this.trigger(e) […]

jQuery Carousel Stuck（Twitter Bootstrap）

我在这里实现了Twitter Bootstrap的Carousel jQuery插件：http： //zarin.me/circlefive/dashboard.html （参见响应标签） 旋转木马通常起作用，但偶尔会卡住。 当您与其他选项卡交互然后使用响应选项卡时，尤其会发生这种情况。 我认为这与标签有关.. 有谁知道为什么旋转木马卡住了？ 谢谢！

ul li响应视图中的.next（）和.prev（）

我有一个标签面板，我想在下一个和上一个响应视图。 喜欢这个http://www.jqueryscript.net/demo/Mobile-friendly-Responsive-Navigation-Plugin-Swipe-Navigation/ （调整浏览器大小） 我试着这样做，但我没有运气。 我无法正确使用我的脚本。 我也从上面的链接尝试了脚本，但仍然无法正常工作。 这该怎么做？ 或如何修复我当前的代码？ 或者有一个简单的方法来做到这一点？ 请帮我。 我的代码 Tab 1 Tab 2 Tab 3 Tab 4 Tab 5 Tab 6 Tab 7

下拉框保持闪烁 – JQuery和CSS

我对某些非常基本的东西感到困难。 我正在尝试使用JQuery和CSS实现一个下拉框。 当我将鼠标hover在“产品”链接上时，我无法弄清楚为什么我的下拉框会一直闪烁。 这是我正在做的工作的演示。 http://174.132.101.73/~ree/header/ 我将不胜感激任何帮助。 编辑 那么通过查看我给出的链接的源代码可以找到代码。 您可能需要显示/隐藏下拉框的主要部分是CSS和CSS： $(document).ready(function(){ $(‘li.headlink’).hover( function() { $(‘ul’, this).css(‘display’, ‘block’); }, function() { $(‘ul’, this).css(‘display’, ‘none’); }); });

jScrollPane和Tabs的示例，几乎一起工作

我希望滚动条（来自jScrollPane）显示每个标签（来自Soh Tanaka）。 目前，它显示第一个选项卡，但它回退到第二个，第三个，第四个选项卡的浏览器默认值… 在这里查看我的实例： jScrollPane和Tabs，几乎一起工作 如何让滚动条显示在每个选项卡上？ 谢谢！ jQuery.noConflict(); jQuery(document).ready(function($) { jQuery(‘.scroll-pane’).jScrollPane({ verticalDragMinHeight: 20, verticalDragMaxHeight: 20, horizontalDragMinWidth: 20, horizontalDragMaxWidth: 20 }); }）; $(document).ready(function() { //When page loads… $(“.tab_content”).hide(); //Hide all content $(“ul.tabs li:first”).addClass(“active”).show(); //Activate first tab $(“.tab_content:first”).show(); //Show first tab content //On Click Event $(“ul.tabs li”).click(function() { $(“ul.tabs li”).removeClass(“active”); //Remove any “active” class $(this).addClass(“active”); //Add “active” […]

如何使用swiper滑块与jquery选项卡？

我试图使用idangero swiper与jquery选项卡我得到我想要的所有结果，除了pagination.slider分页只显示一个项目符号。使用单选项卡时工作正常，但我不知道如何应用swiper时两个或更多选项卡是必需的。例如，我的代码和jsfiddle链接。 http://jsfiddle.net/Rzeiwald/wunw9enL/3/ – http://jsfiddle.net/Rzeiwald/m61qfck1/感谢您的时间HTML op oop 使用Javascript var swiper = new Swiper(‘.swiper-container’, { pagination: ‘.swiper-pagination’, nextButton: ‘.swiper-button-next’, prevButton: ‘.swiper-button-prev’, slidesPerView: 3, centeredSlides: false, paginationClickable: true, autoplay: 2500, spaceBetween: 15, });

使用jQuery打开多个选项卡

好的，我觉得我已经在这里做了尽职调查… JSFIddle – http://jsfiddle.net/taytayevanson/8BpHw/5/ 我正在尝试创建一个将弹出多个选项卡的页面。 我明白使用这段代码…… New Tab 将弹出1个新标签。 但是，正如此 stackoverflow q / a中所述，它需要是一个“用户启动的事件”，Chrome才能弹出新选项卡而不是窗口。 由于这个要求，循环将弹出1个新选项卡，然后为每个后续链接弹出新窗口。 jQuery(“a.site”).each(function(){ var string = jQuery(this).attr(“href”) + “/” + jQuery(“#arguments”).val(); jQuery(this).attr(“href”,string); jQuery(this).trigger(‘click’); }); 我已尝试以编程方式创建链接并单击它们，使用不同的插件，超时，方法，我甚至尝试“菊花链”处理并在页面加载（一个巨大的PHP / GET变量/页面加载触发器事物）上触发它但是它仍会弹出窗口，因为事件不是用户启动的。 我试过这个 …… function clickLink(link) { var cancelled = false; if (document.createEvent) { var event = document.createEvent(“MouseEvents”); event.initMouseEvent(“click”, true, true, window, 0, 0, 0, 0, 0, […]