LigerUI入门帮助（API里没写的入门帮助）【不断更新】

<p>为了让左边区域（#accordion1）的连接能显示到右边区域（#framecenter）并生成tab选项卡，需创建以下js函数：</p>
<ol>
<li>function f_heightChanged(options)</li>
<li>{</li>
<li>if (tab)</li>
<li>tab.addHeight(options.diff);</li>
<li>if (accordion &amp;amp;amp;&amp;amp;amp; options.middleHeight - 24 &amp;amp;gt; 0)</li>
<li>accordion.setHeight(options.middleHeight - 24);</li>
<li>}</li>
<li></li>
<li></ol>
<pre><code class="language-javascript">function f_heightChanged(options)
{
    if (tab)
        tab.addHeight(options.diff);
    if (accordion && options.middleHeight - 24 > 0)
        accordion.setHeight(options.middleHeight - 24);
}
</code></pre>
<p>然后在 $(function (){ ...........});里加入：</p>
<ol>
<li>tab = $(&quot;#framecenter&quot;).ligerGetTabManager();</li>
<li>accordion = (&quot;#accordion1&quot;).ligerGetAccordionManager();</li>
<li>tree = (&quot;#tree1&quot;).ligerGetTreeManager();</li>
<li></ol>
<pre><code class="language-javascript">tab = ($(&quot;#framecenter&quot;)).ligerGetTabManager();
accordion = ($(&quot;#accordion1&quot;)).ligerGetAccordionManager();
tree = ($(&quot;#tree1&quot;)).ligerGetTreeManager();
</code></pre>
<p>并将#tree1的声明修改为：</p>
<ol>
<li>(&quot;#tree1&quot;).ligerTree({</li>
<li data :  .....</li>
<li>checkbox: false,</li>
<li>slide: false,</li>
<li>});</li>
</ol>