jquery-ui-tabs - 使用jquery ui选项卡插件时如何不在选项卡中执行脚本代码

Question

我刚刚遇到 jquery ui tabs 插件。

它是一个非常好的实现，但是如果当前代码已经到位。

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">tab1 </a></li>
        <li><a href="#tabs-2">tab2</a></li>

    </ul>
    <div id="tabs-1"><%System.out.println("test1");%></div>
    <div id="tabs-2"><%System.out.println("test2");%></div>
</div>

在这种情况下，当页面最初加载时，tab1 是默认选项卡。但是，这两个 sys out 语句都是最初执行的。默认选项卡是什么并不重要。理想情况下，第一个 sys out 应该在选择 tab1 时执行，第二个在选择 tab2 时执行。

有没有办法避免这种情况？或者唯一的方法是为不同的选项卡设置不同的页面？

Answer 1

scriptlet 将执行，因为它不受 javascript 的限制。如果您有内容tabs-1并且tabs-2除非单击选项卡，否则您不想执行，那么您应该使用此插件的“ajax”功能。演示站点显示了如何执行此操作。