Tag: 选项卡

data-toggle =“tab”，在页面加载时激活第二个选项卡: 我知道这个问题已经被问过，我已经完成了之前的问题，但不知怎的，对我来说没什么用，所以我想我应该发布这个。我想在页面加载时突出显示第二个选项卡，当单击某个特定按钮时，我想突出显示第一个选项卡。将类设置为第二个选项卡的“Tab Pane Active”不起作用。 Search User Details More Info …Content… …Content… …Content…

从引导选项卡捕获“显示”事件: 我的页面上有一些“静态”HTML： @* nodes will be injected here by javascript *@ @* nodes will be injected here by javascript *@ 在页面加载时，我创建了一个选项卡’框架’，即创建引导选项卡和选项卡内容容器。我触发了这个过程： $(window).bind(“load”, prepareDivisionTabs); 而“prepareDivisionTabs”就是这样做的： function prepareDivisionTabs() { // Retrieve basic data for creating tabs $.ajax({ url: “@Url.Action(“GetDivisionDataJson”, “League”)”, cache: false }).done(function (data) { var $tabs = $(‘#DIVISIONTABS’).empty(); var $panes = $(‘#DIVISIONTABPANES’).empty(); for (var i = […]

使用jQuery切换以聚焦带有validation错误的选项卡: 我试图让jQuery切换到选项卡，如果它发现错误。现在它会发现错误，但不会转到带有错误的选项卡。这是我目前的代码 jQuery(document).ready(function() { jQuery(‘#Form’).validate({ ignore: “.ignore”, invalidHandler: function(){ jQuery(“#tabs”).tabs(“select”, jQuery(“#Form .input-validation-error”).closest(“.tab-pane”).get(0).id); } }); }); jQuery(‘.Submit’).click(function(evt) { evt.preventDefault(); jQuery(‘#Form’).submit() });

jQuery如何设置第一个标签激活？: $( ‘#xxx’ ).tabs({ select: function(event, ui) { var theSelectedTab2 = ui.index; if (theSelectedTab2 == 0) { $(‘ul li.ep_s1’).removeClass(‘ep_s1’).addClass(‘ep_s-click1’); if ($(‘ul li#h13’).hasClass(‘ep_l-click1’)) { $(‘ul li#h13’).removeClass(‘ep_l-click1’).addClass(‘ep_l1’); }} else if (theSelectedTab2 == 1 ) { $(‘ul li.ep_l1’).removeClass(‘ep_l1’).addClass(‘ep_l-click1’); if ($(‘ul li#h12’).hasClass(‘ep_sidebar_friends-click1’)) { $(‘ul li#h12’).removeClass(‘ep_s-click1’).addClass(‘ep_s1’); }} } }); 如果我使用selected: 0它会将第一个选项卡设置为活动但现在将通过if (theSelectedTab2 == 0)语句并继续添加这些类。如果页面加载后我单击这些选项卡脚本工作完美。基本上我想要当页面加载if (theSelectedTab2 == 0)语句并且其中发生的所有事情都是活动的。谢谢

是否有一个Jquery选项卡控件可以很好地处理多行选项卡？: 我有一个Web应用程序，其动态数量的选项卡介于2到20之间。我目前正在使用Jquery UI的选项卡插件，但发现它的行为不如理想（即大约12个选项卡，当它换行时，第二行选项卡随选项卡选择移动，有时跳过3行而不是2行。这是一个双重问题，首先，有人知道如何在选择更改时停止第二行标签跳转。或者，有人知道jQuery的标签插件可以很好地处理多行标签（如果我找不到解决方案，我可能最终使用ExtJS或类似的东西，但试图保持这个应用程序相当轻量级）。回答进一步调查后发现这是由我使用的Jquery UI主题引起的，这是有问题的风格： .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: .1em; border-bottom: 0; } 我刚刚删除了padding-bottom：.1em并解决了问题（线索是第二行元素随着选择的变化而移动）。

如何在两个Bootstrap 3选项卡之间进行幻灯片动画？: 我试图找出如何在两个Bootstrap 3选项卡之间左，右，上，下滑动。我在网上搜索过，令人惊讶的是没有找到任何东西。我发现最接近的是Bootstrap github上的这个。但是，它处理Bootstrap 2.0.2并且不再适用于Bootstrap 3。有谁知道如何在两个Bootstrap 3标签之间向左，向右，向下（任何或所有）滑动？这是我正在使用的基本Bootstrap 3选项卡设置。 Home Profile Messages Settings home page content profile page content message page content settings content 我通过以下几种方式之一激活我的标签。 $(‘#myTab a[href=”#profile”]’).tab(‘show’) // Select tab by name $(‘#myTab a:first’).tab(‘show’) // Select first tab $(‘#myTab a:last’).tab(‘show’) // Select last tab $(‘#myTab li:eq(2) a’).tab(‘show’) // Select third tab (0-indexed) […]

使浏览器选项卡闪烁通知: 出于安全原因，我的网站会在闲置5分钟后自动将用户注销。我通过jquery超时实现这一点，当用户执行我认为是“活动”的任何时候都会重置。为了确保安全性，cookie的超时也设置为5分钟，我的jquery会向服务器发送心跳以确保cookie不会过期。目前，在大约4分钟不活动时，会弹出一个jquery ui对话框，警告用户即将发生超时。用户可以选择保持登录状态，立即退出或不执行任何操作，并且在5分钟结束时他们被迫退出。我的问题是我想用不同的背景颜色使选项卡闪烁/闪烁，以警告用户在他们没有注意时发生了什么。我只是不确定如何去做这件事。

Jqueryvalidation多个选项卡，一次validation一个？: 我是jQuery的新手，我正在尝试使用它和validation插件（http://docs.jquery.com/Plugins/Validation）来创建一个包含不同部分的多个选项卡的多部分表单。现在，我有它有多个选项卡，“下一步”按钮切换到下一个选项卡。我遇到的问题是，当我最后在最后一页上提交时，表单会正确validation，但如果其他页面上有错误，则不会通知用户，并且只有在单击“提交”时才会进行validation。单击“下一步”时，如何单独validation每个？我真的不想创建多个表单或跟踪隐藏字段：S有什么建议吗？谢谢！ $(document).ready(function() { //….stuff //tabs var tabs = $(“#tabs”).tabs(); $(“.nexttab”).click(function() { //var selected = $(“#tabs”).tabs(“option”, “selected”); //$(“#tabs”).tabs(“option”, “selected”, selected + 1); $(“#tabs”).tabs(“select”, this.hash); }); //use link to submit form instead of button $(“a[id=submit]”).click( function(){ $(this).parents(“form”).submit(); }); //form validation var validator = $(“#myForm”).validate(); }); General ….stuff… Next Tab2 Prev Submit 编辑： […]

JQuery UI Tabs缓存: 我在ASP .net MVC应用程序中工作。我有一个JQuery UI选项卡，其Javascript启用缓存如下。 function LoadStudentDetailTabs() { $(‘#tabStudentDetail’).tabs({ cache: true, spinner: ”, select: function(event, ui) { $(“#gridSpinnerStudentDetailTabs h5”).text(“Loading Details…”); $(‘#tabStudentDetail > .ui-tabs-panel’).hide(); $(“#gridSpinnerStudentDetailTabs”).show(); }, load: function(event, ui) { $(“#gridSpinnerStudentDetailTabs”).hide(); $(‘#tabStudentDetail > .ui-tabs-panel’).show(); }, show: function(event, ui) { $(“#gridSpinnerStudentDetailTabs”).hide(); $(‘#tabStudentDetail > .ui-tabs-panel’).show(); } }); } 我使用list1，tab2，tab3列表构建了三个标签项。现在发生的事情是，当标签被构造时，它为所有标签项启用了cahing。但是，如何根据需要单独设置缓存到这些选项卡项。说（tab1缓存，tab2没有缓存，tab3缓存）我只能看到一种方法将缓存应用于整个选项卡，而不是根据需要将缓存应用于单个选项卡项。我还需要动态地启用或禁用对这些选项卡项（tab1，tab2，tab3）的缓存。我怎样才能做到这一点。任何帮助，将不胜感激？

在bootstrap导航栏中添加动态添加的navlinks: 我是Bootstrap的新手，似乎无法解决这个问题，我将导航栏用作Bootstrap的javascript标签function，它可以动态添加和删除导航链接，我使用的是图像而不是默认的导航链接，我的问题是，当我添加动态导航链接时，它应该成为活动类并显示其相关内容，此时我必须单击以使其处于活动状态，如果我删除任何导航链接，内容保持不变，有没有办法实现这个function html是： Home 单击此按钮时会添加选项卡： li是使用添加的 var counter = 1; $(‘.plus’).click(function(e) { e.preventDefault(); var li_count = $(‘#nav-tabs’).find(“li.test”).length; if (li_count <= 3) if(counter <= 3){ $('#nav-tabs').append('Home×’); } else { alert(“Only 3 Tabs Allowed!”)}; 标签的内容后面添加类似; 选项卡中的活动类是使用切换的 $(“#nav-tabs”).on(“click”, “a”, function(e) { e.preventDefault(); $(this).tab(‘show’); $(‘li.test’).each(function() { if($(this).hasClass(‘active’)) { //Active class is applied $(this).children().children().closest(“img”).attr(“src”, “https://stackoverflow.com/questions/14907997/show-dynamically-added-navlinks-when-added-in-bootstrap-navbar/assets/img/button_home_selected3.png”); $(this).find(“button”).show(); } else { $(this).children().children().closest(“img”).attr(“src”, “assets/img/button_home_plain2.png”); […]