jquery选项卡的Onclick事件

onclick event for jquery tabs

本文关键字：Onclick 事件 选项 jquery      更新时间：2023-09-26

我在制表符里面有制表符。我想做的是设置一个变量，一旦一个选项卡被点击。因此，如果点击画笔选项卡，则该变量被设为true，如果选择铅笔选项卡，则其他变量被设为false，该变量被设为true。

现在我假设你必须有一个on click事件附加到选项卡，当点击它将调用一个函数。我的问题是如何把一个点击事件为每个选项卡?她是我所做的一个活生生的例子:http://www.taffatech.com/Paint.html

下面是标签的HTML代码:

<div id="tabs" style=" position:absolute; right:20; top: 30; z-index: 1; ">
  <ul>
    <li><a href="#tabs-1">Paint</a></li>
    <li><a href="#tabs-2">Shapes</a></li>
    <li><a href="#tabs-3">Save/Submit</a></li>
    <li><a href="#tabs-4">About</a></li>
  </ul>
  <div id="tabs-1">
  <div id="accordion">
    <h3>Brush</h3>
    <div>
    <center>
      <p>Brush Size</p>
    <div id="sliderBrush"></div>
    <div id="Total">10</div>
<p id="colorpickerHolder" >
                </p>
    </center>
    </div>
    <h3>Pencil</h3>
      <div>
    <center>
      <p>Pencil Size</p>
    <div id="sliderPencil"></div>
    <div id="TotalPencil">10</div>
<p id="colorpickerHolderPencil" >
                </p>
    </center>
    </div>
    <h3>Eraser</h3>
    <div>
     Coming soon!
    </div>
  </div>
</div>

参见API 

beforeActivate( event, ui )

在激活选项卡之前立即触发。

    $( "#tabs-1" ).on( "tabsbeforeload", function( event, ui ) {
            //control comes here when you clicked on tab 1
    } )

http://api.jqueryui.com/tabs/event-beforeLoad

相关文章：