0

嗨，我正在使用 cs 购物车，我想在 tpl 文件中动态地对类别进行切换效果，假设我有 100 多个类别，而不是我如何在 javascript 中进行更改，如果我点击一个主要类别，它将显示仅该主类别的子类别，如果我单击另一个主类别而不是显示该主类别的子类别，如果我有超过 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 回答