问题标签 [bootstrap-tabs]

我对 JS 很陌生，所以请尽量详细说明。我正在我的 html 页面中实现引导选项卡。我有一个使用 jquery ui 的滑块。在实现选项卡之前，滑块运行良好。但是现在滑块是不可见的。如果我点击正确的地方，我可以移动它。我现在能看到的只是滑块的值，而不是整个值。

单击选项卡后尝试重新加载滑块脚本，但没有帮助。另一个奇怪的事情是，当我现在完全删除标签并尝试只使用滑块时，结果仍然相同，即。我只看到滑块值，整个 div 是不可见的。

如果需要，请要求进一步澄清。任何帮助，将不胜感激。提前致谢。

js：

html:

更新：

滑块现在工作正常！我所做的只是加载这些文件：

以前我是这样从本地磁盘加载它们的：

它们属于以下版本：

那么关于问题出在哪里的任何想法？真是让我莫名其妙。

我正在使用ng-router默认情况下与 div ID 映射的 Bootstrap 选项卡。Angular 将选项卡链接视为路由并尝试路由它们而不是打开选项卡？我如何告诉 Angular 应该忽略这些链接，或者我如何实现选项卡以便我不必使用 ID？我有许多这样的 Bootstrap 小部件，例如使用 ID 的选项卡、面板。

角度链接如下：

和标签链接是这样的：

我有引导选项卡和变量的问题。

看到这个 JSfiddle

在此$page_nav["dashboard"]["active"] = true;，菜单中的变量 active 和 height 。它有两个子菜单。如上链接我想要

在第一个选项卡上激活并高度显示此子菜单$page_nav["dashboard"]["sub"]["First_submenu"]["active"] = true;

在第二个选项卡上激活并突出显示此子菜单$page_nav["dashboard"]["sub"]["Second_submenu"]["active"] = true;

我该怎么做？？请帮忙！提前致谢

I have a mvc razor page (cshtml) and i tried to implement the bootstrp tabdrop in it. I am able to get the tabs however the tabdrops are not displayed. When i run the same code in a html file i am able to get the tabs as well as the tabdrop holding my extra tab names. however when i run the code in cshtml file its not getting displayed.

The extra tabs are displayed in the second line and the tabdrop is also not getting displayed.

Tabdrops Source

Here is my complete code of my cshtml file in which i have used the tabdrop.js...

I have the css files stored in the location

Content\css

and Javascript Files stored in the location

Content\js

The cshtml file has the bootstrap theme of ADMINLTE bootstrap.

Can any one help me with this? I want to know whether the bootstrap tabdrops works with cshtml file or not?

我的引导选项卡工作正常，但 URL 构建错误，如下所示。我检查了许多站点，我的站点肯定是错误的。

如果我在http://domain.com/blog它显示我：

代替

如果 Javascript 有加载问题，它仍然应该转到 Anchor 而不是 URL。

我的 HTML

Javascript

我使用X-tabs 插件使用 bootstrap 3 选项卡和样式，如下所示：

HTML：

我像这样添加新的标签内容div：

在行动中，这div显示在标签内容之外并且不起作用。我该如何解决这个问题？！

DEMO FIDDLE（检查第一个选项卡并查看问题，第二个选项卡工作正常）

我找到了一种使用 summyjs 路由引导选项卡的方法，但它似乎与我看到的示例一致。我刚开始学习 summyjs，我不喜欢我是怎么做的，虽然它有效……这是我的代码

帮助我学习 symmy 帮助我解决这个问题......我想要的是比下面的脚本更好地进行路由......

我厌倦了让 bootstrap-tabs-x 与 ajax 加载一起工作。当我单击选项卡时，它只是在加载，但不显示该选项卡中的任何内容。

你可以在Jsfiddle看到它

我的主页中有一个导航选项卡（twitter-bootstrap），带有 2 个选项卡。在每个选项卡下，我呈现不同的集合：

home_controller.rb：

index.html.erb：

分页在第一个选项卡 (deleted_posts) 中工作正常。

当我切换到第二个选项卡（edited_posts）时，第一页显示正确，尽管我的 url 仍然显示第一个选项卡的页面参数：

当我尝试转到另一个页面时，它会将我定向到第一个选项卡的第一页（deleted_posts），并且页面参数只是被添加到 url：

我如何解决它？也许这实际上是一个问题：由于 Twitter Bootstrap nav-tabs 不向 url 添加参数，我的应用程序如何知道用户在哪个选项卡中？以及如何将页面参数从错误的选项卡删除到 url（因为它会将两个选项卡的页面参数都添加到 url）？

没有模态和ajax，它工作正常。但是，当我使用 ajax 在模式中加载选项卡式面板时，它不会选择Tab Panes.

AJAX

我的模态