首次打开 Jquery ui 选项卡时触发

Question

问题在标题中，我正在寻找一种解决方案，仅在有人第一次打开 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>

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

Answer 1

您可以尝试使用http://api.jqueryui.com/tabs/#event-create 函数，如果它不适合您，您可以简单地使用布尔变量来确保函数只执行一次