将onClick函数绑定到选项卡的href属性函数

Question

html部分

<div class="tab-content">
    <div class="tab-pane active" id="tab2">
        <div class="row-fluid">
            <div class="span9 offset1">
                <header id="second">
                    <strong>Users</strong>
            </div>
            <div class="span2">
            <div class="tabbable" align="center">
                <ul class="nav nav-pills">
                    <li class="active"><a href="#mobile" data-toggle="tab"><strong>Mobile</strong>
                    </a>
                    </li>
                    <li><a href="#BO" data-toggle="tab"><strong>BO</strong>
                    </a>
                    </li>

                </ul>
            </div></div></div></div></div></div>

这里我想使用jQuery将onClick函数绑定到BO选项卡。

我该怎么做？

Answer 1

试试吧，

$(function(){
   $('a[href="#BO"]').on('click',function(){
       alert('#BO called');
       // your code;
   }); 
});

Answer 2

您可以先为锚标记指定一个ID。

前：

<li><a id="tabClick" href="#BO" data-toggle="tab"><strong>BO</strong>

jquery :

$("#tabClick").click(function(){    

});