引导使用Ajax响应标签加载内容

我有在我的网站设计与引导了许多标签页，我试着用https://github.com/flatlogic/bootstrap-tabcollapse做出响应的（演示这里：http://tabcollapse.okendoken.com/example/example.html）引导使用Ajax响应标签加载内容

我是能够使标签响应，但问题是我正在使用AJAX将内容加载到标签中（如https://coderwall.com/p/1lnxba/load-bootstrap-tabs-dynamically），问题是当调整为小尺寸时，标签的整个标记更改为面板，并且元素的ID也发生更改。

所以，我将如何使用ajax加载这些选项卡内的元素，因为标记已更改。我不想为这两种情况下加载编写单独的代码。

或者还有其他更好的替代方案吗？或者某些解决方案不会更改标签的标记，但仍然具有响应性？

在此先感谢。

来源

2015-09-03 Vignesh T.V.

很难说没有看到一些代码，但不能在你的ajax调用后写入这两个元素？你可以在大多数jQuery方法中列出选择器。 – isherwood

尝试使用Bootstrap's Containers来保存载入AJAX的内容。

我假设你的代码是这样的（只是选项卡窗格位），但你应该更新你的问题至少有一个布局，以获得更好的回应。

<div class="tab-pane fade in active" id="home"> 
    <!-- ... Other Content ... --> 
    <div id="ajaxContent" class="container"> 
     <!-- Where Tab 1 Content would go because it's active --> 
    </div> 
    <!-- ... Other Content ... --> 
</div>

请参阅Bootstrap's Components page以获取可以使用的类的完整列表。

来源

2015-09-03 17:19:13 Kody

感谢您的回复。我的问题是，因为选项卡标记更改，我不能绑定选择器的选项卡被点击。 –

啊，标签和面板都改变了吗？我不会推荐。如果您的内容正在发生变化，您可以使用CSS类，然后使用JQuery选择具有该类的元素并对其执行逻辑以执行所需的操作。你应该在你的问题中澄清你的问题，并显示一些代码，让人们明白你在做什么。显示布局和AJAX调用时发生的情况的示例。 – Kody

引导使用Ajax响应标签加载内容

回答

相关问题