问题标签 [bootstrap-tabs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - 如何在按钮单击时显示下一个引导选项卡
我想在按钮单击时一一显示下一个引导选项卡。现在单击按钮时仅显示第二个选项卡,因为我已对其进行硬编码,应该用什么代替 href="#second" 如何获取特定的 id在 href 中?当我第一次单击其他选项卡而不是单击第一个处于活动状态的选项卡时,用户必须收到错误消息“用户必须单击第一个选项卡,然后单击其他选项卡”使用 noty 插件意味着禁用除了页面加载的第一个选项卡之外的其他选项卡。
这是我的代码
jquery - 当用户单击其他选项卡而不是活动选项卡时如何显示错误消息
我有五个选项卡,其中第一个选项卡是活动选项卡。在页面加载时,当用户单击任何其他选项卡而不是第一个选项卡时,应该使用 noty 插件向用户显示错误消息,他应该“首先单击第一个选项卡'是活动选项卡。当用户单击第一个选项卡时,必须启用第二个选项卡,但不能启用第三个和第四个选项卡,类似地,当用户单击第三个选项卡时,必须启用第四个选项卡,依此类推,直到最后一个标签。
这是我的代码
jquery - 当用户在第一个选项卡中填写所需信息之前单击第二个选项卡时显示警报消息
有两个选项卡分别命名为“第一个选项卡”和“第二个选项卡”。在第一个选项卡中,“名字”是必填字段,在第二个选项卡中,“电子邮件”是必填字段。当用户尝试单击第二个选项卡时选项卡而不是在第一个选项卡中填写必填字段,应显示警报消息,并且不应允许进入第二个选项卡,除非他在第一个选项卡中填写了所需的信息,第二个选项卡类似。
这是代码
backbone.js - 在现有的“添加”选项卡之前添加动态引导选项卡
我正在使用backbone.js,并且有以下listView
元素<ul>
和一个单独tabView
的动态<li>
元素。在 的渲染方法中listView
,我正在创建一个新的tabView
并将其附加el
到listView
el
.
这很好,可以按预期工作。
要动态添加新选项卡,我在开始时有一个li
项目,因此当用户单击该li
项目时,只会创建新选项卡。
现在我需要在li
+ 元素之前添加新创建的选项卡。目前,所有新标签仅在this
+ 元素之后添加。
以下是<ul>
标签的html供参考。
我尝试listView
像下面这样更改渲染方法,但这不起作用。li
相反,它只是在 (+)元素本身的顶部添加新选项卡。
知道如何做到这一点吗?
jquery - 折叠引导选项卡 - 无法切换 .active 选项卡类
我使用(样式)引导选项卡
再次单击时,我想关闭 Bootstrap 选项卡。
它部分工作,我可以关闭相应的面板,但是当我想切换选项卡的“活动”类时,脚本不起作用。
我的 JS 代码:
所有代码(html、css、js)都在这里可见:https ://jsfiddle.net/j9stkqf6/1/
如果你评论:
面板被隐藏
我还尝试了步进/步进调试模式所有工作正常,直到 JS 函数结束,所有重新出现(tab.active 类和面板)
再次单击选项卡时,您能帮我关闭面板并切换选项卡“活动”类吗?
谢谢 !
javascript - 如何在 asp.net 的引导程序中单击选项卡进行服务器调用
我使用 Bootstrap 在 ASP.Net 中创建了一个选项卡。
我想在单击选项卡时进行服务器调用,但由于它处于data-toggle
模式,它不能在服务器端触发任何东西。我尝试使用 jQuery 拨打电话。
对于服务器端的代码:
但不调用服务器代码。谢谢你的帮助。
twitter-bootstrap - Morris.js 图表在引导选项卡内不起作用
我有一种情况,我试图在两个不同的内部使用 MorrisJS 图表引导选项卡中使用 MorrisJS 图表。图表在第一个(默认)选项卡中加载良好,但是当我单击第二个选项卡时,图表根本无法正确加载。这很奇怪,因为我将完全相同的图表复制并粘贴到第一个和第二个选项卡中,但第二个没有为我加载。
这是我设置的 jsfiddle 的链接。https://jsfiddle.net/phz0e68d/5/
这是代码:
HTML:
Javascript:
第一个图表如下所示:
第二个图表如下所示:
如您所见,第二个图表根本没有正确加载。控制台中有关于负宽度的错误,但我不确定这是怎么可能的。
asp.net-mvc - ASP.NET MVC 引导选项卡单击控制器\操作问题
问题:在 Bootstrap Tabs 面板中,我们如何在相应的选项卡内容区域中显示 MVC 视图页面?
详细信息:以下示例(取自此处)在我的 ASP.NET MVC Core 项目中运行良好。但是,anchor tag helper
当用户单击选项卡时,使用我想调用一个操作方法;当我这样做时,我收到以下错误。例如,我在标签中Menu 1
使用asp-controller
和asp-action
属性时收到此错误,如下所示。我知道该错误与href
与相应选项卡内容相关的属性有关。是否有解决方法,以便在单击选项卡时我们仍然可以调用操作方法?:
错误:
Cannot override the 'href' attribute for <a>
.
错误在这一行:<li><a data-toggle="tab" href="#menu1" asp-controller="myController asp-action="myAction">Menu 1</a></li>
如果不使用锚标签助手,则以下工作: