1

タブを入れたい領域で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>

どんな助けでも大歓迎です

4

1 に答える 1

2

コンテンツdivのIDの前にあるハッシュを削除してみてください

変化する

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

に

<div id="tabs-1">
    diseases
</div>
于 2013-03-14T12:01:08.880 に答える