从引导选项卡捕获“已显示”事件

我的页面上有一些“静态”HTML：

&lt；div id=“部门”&gt；
&lt；ul class=“导航选项卡”id=“分区选项卡”&gt；
@*&lt；李&gt；节点将通过javascript注入到这里*@
&lt/ul&gt；
&lt；div class=“tab content”id=“division tabpanes”&gt；
@*&lt；div class=“选项卡窗格”&gt；节点将通过javascript注入到这里*@
&lt/部门&gt；
&lt/部门&gt；

在页面加载时，我创建一个选项卡“框架”，即创建引导选项卡和选项卡内容容器

我通过以下方式触发流程：

$（窗口）.bind（“加载”，prepareDivisionTabs）；

“prepareDivisionTabs”的作用是：

函数prepareDivisionTabs（）{
//检索用于创建选项卡的基本数据
$.ajax({
url:“@url.Action”（“GetDivisionDataJson”，“League”）”，
缓存：false
}).完成（功能（数据）{
var$tabs=$（'#DIVISIONTABS'）.empty（）；
var$panes=$（“#分区选项卡窗格”）.empty（）；
对于（变量i=0；i&lt；data.length；i++）{
var d=数据[i]；
$tabs.append（“&lt；li&gt；&lt；a href=\”\TABPANE“+d.DivisionId+“\”数据切换=\“tab\”&gt；“+NMWhtmlEncode（d.Name）+”&lt；/a&gt；&lt；/li&gt；”；
$panes.append（&lt；div id=\“TABPANE”+d.division id+“\”class=\“tab pane\”&gt；&lt；/div&gt；）
}
渲染数据；
}).失败（功能（错误）{
警报（“请求中的AJAX错误：+JSON.stringify（err，null，2））；
});
}

有关详细信息，请参见上面的“RenderVisionTapPanecontents”中的内容：

功能呈现视景内容（数据）{
对于（变量i=0；i&lt；data.length；i++）{
var d=数据[i]；
RenderVisionTabPaneContent（d.DivisionId）；
}
}
函数renderVisionTableContent（id）{
var$tabPane=$（'#tabPane'+id）；
$tabPane.addClass（“加载器”）
$.ajax({
url:“/League/GetDivisionPartialView？divisionId=“+id，
缓存：false
}).done（函数（html）{
$tabPane.html（html）；
}).失败（功能（错误）{
警报（“请求中的AJAX错误：+JSON.stringify（err，null，2））；
}).always（函数（）{
$tabPane.removeClass（“加载器”）
});
}

到目前为止一切正常。加载我的页面，呈现我的选项卡内容，单击不同的选项卡时，会显示相关内容

现在，我不想一开始就加载所有内容，而是希望通过使用选项卡的“显示”事件及时加载选项卡内容。为了测试这一点，我只想确保在显示该选项卡时能够收到javascript警报。因此，我创建以下内容来触发选项卡显示事件的附件：

$（函数（）{
附件AbshownEvents（）；
})

这要求：

函数附件AbshowNevents（）{
$（文档）。在（'show'，'a[data toggle=“tab”]”上，函数（e）{
警报（“选项卡已更改”）；
})
}

因此，我希望在更改TAB后看到“TAB CHANGED”警报。但是我没有看到警报

有人能帮我吗