Jquery ui制表符第一次打开时触发

时间:2014-11-27 14:50:44

标签: javascript jquery jquery-ui jquery-ui-tabs

问题在标题中,我正在寻找解决方案,只有在第一次有人打开jquery ui标签的标签时触发。 我的问题是,当你加载它时我有一个包含很多函数执行的页面,我想只在用户第一次打开选项卡时启动这些函数,以节省加载页面的时间。 我尝试使用activate或beforeActivate,但每次打开标签时都会触发它,而不是我正在寻找的。

提前致谢

编辑:添加某些代码

<div id="tabs">
        <ul>
            <li><a href="#tabs-1">Tab 1</li>
            <li><a href="#tabs-2">Tab 2</li>
            <li><a href="#tabs-3">Tab 3</li>            
        </ul>
        <div class="consultation" id="tabs-1">
            // Do some stuff with DataTable
        </div>
        <div class="consultation" id="tabs-2">
            // Do some stuff with Highcharts
        </div>
        <div class="consultation" id="tabs-3">
            // Do some stuff with Highcharts   
        </div>
    </div>

问题是当用户加载页面时,有很多JS / AJAX / PHP要做的事情来显示我的DataTable选项卡和我的两个Highchart图。这就是为什么我只想在用户第一次打开时才启动tab-2和tab-3的加载。

1 个答案:

答案 0 :(得分:0)

您可以尝试使用http://api.jqueryui.com/tabs/#event-create函数,如果它不起作用,您只需使用布尔变量来确保函数只执行一次