jQuery UI选项卡在表达式引擎网站中不起作用

时间:2013-03-14 11:55:12

标签: jquery-ui expressionengine jquery-ui-tabs

我一直在努力让jquery ui在我想加入的区域工作,并且在过去的几天里一直试着没有运气!

这个想法是显示或不显示标签,具体取决于是否有内容。同样对于内容区域,当没有条目时,也不会创建相关的html。

开发网站的地址为http://garden.paperfish.co/index.php/problem-solving/roses

代码是:

<div id="tabs">
    <ul>
{exp:channel:entries channel="plant-categories"}
{reverse_related_entries channel="diseases" limit="1" require_entry="yes"}
    <li><a href="#tabs-1">ασθένειες</a></li>
{/reverse_related_entries}
{/exp:channel:entries}

{exp:channel:entries channel="plant-categories"}
{reverse_related_entries channel="pests" limit="1" require_entry="yes"}
    <li><a href="#tabs-2">εχθροί</a></li>
{/reverse_related_entries}
{/exp:channel:entries}

{exp:channel:entries channel="plant-categories"}
{reverse_related_entries channel="nutrition" limit="1" require_entry="yes"}
        <li><a href="#tabs-3">τροφοπενίες</a></li>
{/reverse_related_entries}
{/exp:channel:entries}

    <li><a href="#tabs-4">όλα</a></li>

</ul>
{exp:channel:entries channel="plant-categories"}
{reverse_related_entries channel="diseases" limit="1" require_entry="yes"}
    <div id="#tabs-1">diseases</div>
{/reverse_related_entries}
    {/exp:channel:entries}

{exp:channel:entries channel="plant-categories"}
{reverse_related_entries channel="pests" limit="1" require_entry="yes"}
    <div id="#tabs-2">pests</div>
{/reverse_related_entries}
{/exp:channel:entries}

{exp:channel:entries channel="plant-categories"}
{reverse_related_entries channel="nutrition" limit="1" require_entry="yes"}
    <div id="#tabs-3">nutrition</div>
{/reverse_related_entries}
{/exp:channel:entries}

    <div id="#tabs-4">all</div>
</div>

非常感谢任何帮助

1 个答案:

答案 0 :(得分:2)

您可以尝试删除内容div的ID前面的哈希

更改

<div id="#tabs-1">
    diseases
</div>

<div id="tabs-1">
    diseases
</div>