不能在<li>中使用h：commandLink来生成延迟加载的jquery选项卡</li>

Question

我正在使用jquery ui标签，标签内容包含一些jsf代码，我想让标签延迟加载所以我想把tab div作为面板组，默认渲染= false并设置render = true点击标签链接如下：

<div class="tabs">
        <h:form prependId="false">
        <ul>
            <li><a id="tab1_link" href="#tab1">tab1</a></li>
            <li><a id="tab2_link" href="#tab2">tab2</a></li>
            <li>
               <h:commandLink id="tab3_link" action="#insight" value="tab3">
                 <f:ajax></f:ajax> // here will be listener 
                                   //to set the tab panel rendered to true
               </h:commandLink>
            </li>
        </ul>
        </h:form>

        <div id="tab1">
            some dynamic code here
        </div>

        <div id="tab2">
            some dynamic code here
        </div>

        <h:panelGroup id="tab3">
            some dynamic code here
        </h:panelGroup >

</div>

当我在li里面添加h：commandLink点击命令链接时，我可以看到整个页面都被加载到选项卡中，任何想法为什么？

请告知，谢谢。

Answer 1

我使用以下示例来使用ajax加载标签： http://jqueryui.com/tabs/#ajax