0

こんにちは、私は cs カートを使用しており、tpl ファイルで動的にカテゴリにトグル効果を加えたいと考えています。JavaScript で変更を加える方法よりも 100 を超えるカテゴリがあるとします。1 つのメイン カテゴリをクリックすると、そのメインカテゴリのみのサブカテゴリであり、別のメインカテゴリをクリックすると、そのメインカテゴリのサブカテゴリが表示されます.メインカテゴリが100を超えると、すべてのカテゴリのコードを別々に書くことができず、カテゴリがデータベースから来ているため、難しくなります. コードは次のとおりです。167,175,174 と息子のような異なるカテゴリ値に対して同じ関数を書くことはできません。私を助けてください。前もって感謝します

{** block-description:text_links **}
{literal}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
  $(".167h").click(function(){  
    $(".167c").slideToggle("slow");
  });

  $(".175h").click(function(){  
    $(".175c").slideToggle("slow");
  });

  $(".174h").click(function(){  
    $(".174c").slideToggle("slow");
  });
});

</script>
{/literal}

{if $items}
<ul class="text-links">
    {foreach from=$items item="category"}
    {**$category|print_r**}
    {if $category.level eq 1 }
    <div class="{$category.category_id}h"><li class="level-{$category.level|default:0}{if $category.active || $category|fn_check_is_active_menu_item:$block.type} cm-active{/if}"><a href="{"categories.view?category_id=`$category.category_id`"|fn_url}">{$category.category}</a></li></div>
    {else}
    <div class="{$category.parent_id}c" style="display: none;"><li><a href="{"categories.view?category_id=`$category.category_id`"|fn_url}">{$category.category}</a></li></div>
    {/if}
    {/foreach}
</ul>
{/if}

   enter code here
4

1 に答える 1

0

このコードを確認してください

私はあなたのためにいくつかをコーディングしました。これを試してください

    {** block-description:text_links **}
{literal}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
$(".cat_cat_h").click(function(){  
$(this).closest("cat_par_c").slideToggle("slow");
});

});

</script>
{/literal}

{if $items}
<ul class="text-links">
{foreach from=$items item="category"}
{**$category|print_r**}
{if $category.level eq 1 }
<div class="{$category.category_id}h cat_cat_h"><li class="level-{$category.level|default:0}{if $category.active || $category|fn_check_is_active_menu_item:$block.type} cm-active{/if}"><a href="{"categories.view?category_id=`$category.category_id`"|fn_url}">   {$category.category}</a></li></div>
{else}
<div class="{$category.parent_id}c cat_par_c" style="display: none;"><li><a href="{"categories.view?category_id=`$category.category_id`"|fn_url}">{$category.category}</a></li></div>
{/if}
{/foreach}
</ul>
{/if}
于 2013-11-09T11:15:41.960 に答える