如何使用AJAX提取每个标签的内容？Rails4，Bootstrap3

如何使用AJAX提取每个标签的内容？Rails4，Bootstrap3

这将需要您使用引导选项卡的“ show.bs.tab”事件。我不是Rails家伙，但我在ASP.Net MVC中实现了类似的行为-
使用Ajax在标签页单击中动态获取每个标签页的内容。由于两者都发出HTML，并且我们都在使用ajax，因此我认为对我有用的内容也对您有用。

顺其自然-我在标签“ data-tab-remote”中添加了额外的属性，并在jquery中注册了一个事件处理程序，该事件处理程序从data-tab-
remote属性中指定的URL提取标签内容。标签的href中指定的目标标签内容容器。因此，标签页发出的HTML看起来像这样-

<ul   id="tabs">    <li><a href="#tab1" data-toggle="tab" data-tab-remote="/tab1url">Tab1</a></li>    <li><a href="#tab2" data-toggle="tab" data-tab-remote="/tab2url">Tab2</a></li></ul> <div >    <div  id="tab1">    </div>    <div  id="tab2">    </div></div>

使用此HTML，您需要在文档的加载事件处理程序中调用以下jQuery代码-

$('a[data-toggle="tab"]').on('show.bs.tab', function (e) {    currTabTarget = $(e.target).attr('href');    var remoteUrl = $(this).attr('data-tab-remote')    if (remoteUrl !== '') {        $(currTabTarget).load(remoteUrl)    } })