Question

我有两个标签，每个标签显示不同的细节。在单击第二个选项卡时，我创建了一个单击按钮，该按钮将显示某些详细信息。但是想知道是否有任何方法在单击选项卡时直接调用该函数。我尝试激活函数但它有效。

        $(function() {
        $( "#tabs" ).tabs({
        activate: function( event, ui ) {
        fn.my_function(); }
        });
        });

此外，我想知道使用激活功能是否是一个不错的选择，因为该功能仅适用于第二个标签。

以下是标签的代码：

      <div id="tabs">
      <ul>
      <li><a href="#tabs-1">DEMO</a></li>

      <li><a href="#tabs-2">Details 


      </a></li>
       </ul>
       <div id="tabs-1">

       <p><font color="blue"> Code </font>: Code number</p></br>
       <div id='popup-close'>Close</div>
       </div>

        <div id="tabs-2">
        <p></p>

          <input type="submit" name="call_function" id="call_function" value="Click for details"       />

             <table id='content'></table> // this is to display the details listed by the       function in the table format.
             <div id='popup-close1'>Close</div>
             </div>

任何解决此问题的指示都将受到赞赏。

Answer 1

基本上，您可以通过向其添加id来触发特定标签的功能：

<li><a id="tab1" href="#tabs-1">DEMO</a></li>

...

$("#tab1").click(...);

另一种选择是写一个合适的selector来获得第一个/第二个/第n个...... <li>元素：

$("#tabs ul li:nth-child(2)").click(...)

如何在单击选项卡时激活功能？

1 个答案: