Question

所以同样的老问题，但请阅读，因为我无法弄清楚为什么这不起作用。

所以这里有很多关于应该如何做的帖子。我甚至把我的代码放到JS小提琴中，它的作用就是在我的网站上不起作用，所以也许有一点我无法理解。

我的标签菜单位于内容页面上，主标题上的内容区域称为MainContent。我之所以提到这一点，因为在访问控件时通常我必须指定'#MainContent_mycontrolid'以便抓住它，我想这可能是主页/内容页面问题，这就是为什么它没有看到事件。< / p>

标签的任何方式：

<ul id="TabArea" class="nav nav-tabs" style="margin-bottom: 15px;">
    <li ><a href="#back" data-toggle="tab">Sales Report</a></li>
    <li class="dropdown">
        <a class="dropdown-toggle" href="#" data-toggle="dropdown">Sales Info <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
            <li><a href="#Item_Sales" data-toggle="tab">Item Sales</a></li>
            <li class="divider"></li>
            <li><a href="#Employee_Sales" data-toggle="tab">Employee Sales</a></li>
        </ul>
    </li>
    <li class="">
        <a href="#Hourly" id="Hour" data-toggle="tab">Hourly Sales</a>
    </li>
</ul>

我把ID放在每小时销售标签上，因为我认为这个点击事件是我的诀窍。这很明显，但不幸的是在显示标签之前。一旦它出现，我就需要它。

所以脚本看起来像这样：

<script>
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        alert('Fires After');
    });
</script>

不开火。
所以尝试了这个，

<script >
     $(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) {
         alert('TAB CHANGED');
     });
</script>

也行不通。

因此，有可能显示的事件与我尝试的问题有关，

<script>
    $('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
        alert('Fire');
    });
</script>

但这也不是。我正在运行Bootstrap 3.0，ASP.NET winforms。

This Fires：

$('a[href="#Hourly"]').click(function () {
    alert('Fires');
});

但正如我所说，这是点击，而不是显示。有人有任何想法吗？

抓住显示事件的标签

0 个答案: