Prestashop Jquery Accordion的问题

Prestashop Jquery Accordion的问题,jquery,accordion,prestashop,Jquery,Accordion,Prestashop,我目前正在开发一个Prestashop模板,其中类别必须显示为accordion(不含产品),因此我正在手动将smarty/php代码中的调用添加到accordion,以便自动显示所有创建的调用 我正在使用JQUERY手风琴() 存在的主要问题如下: JS补充道: <script> $(function() { $( "#accordion" ) .accordion({ header: "> div > h3" })

我目前正在开发一个Prestashop模板,其中类别必须显示为accordion(不含产品),因此我正在手动将smarty/php代码中的调用添加到accordion,以便自动显示所有创建的调用

我正在使用JQUERY手风琴()

存在的主要问题如下:

JS补充道:

<script>
$(function() {
   $( "#accordion" )
     .accordion({
        header: "> div > h3"
      })
     .sortable({
        axis: "y",
        handle: "h3",
        stop: function( event, ui ) {
          // IE doesn't register the blur when sorting
          // so trigger focusout handlers to remove .ui-state-focus
          ui.item.children( "h3" ).triggerHandler( "focusout" );
        }
     });
});
</script>

$(函数(){
$(“手风琴”)
.手风琴({
标题:“>div>h3”
})
.可排序({
轴:“y”,
手柄:“h3”,
停止:功能(事件、用户界面){
//IE在排序时不注册模糊
//因此,触发focusout处理程序以删除.ui状态焦点
ui.item.children(“h3”).triggerHandler(“focusout”);
}
});
});
一切都与此相关:

  <div class="product_list_details">
     <div class="product_list_details_left">
       <div class="grid-container">                
         <ul id="product_list" class="grid">
           <div id="accordion">
             <div class="group">
               <h3>{if isset($product.pack_quantity) && $product.pack_quantity}{$product.pack_quantity|intval|cat:' x '}{/if}{$product.name|truncate:35:'...'|escape:'htmlall':'UTF-8'}</h3>
               <p class="product_desc">{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}</p>
               <h3>{if isset($product.pack_quantity) && $product.pack_quantity}{$product.pack_quantity|intval|cat:' x '}{/if}{$product.name|truncate:35:'...'|escape:'htmlall':'UTF-8'}</h3>
               <p class="product_desc">{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}</p>
              </div>
            </div>
         </ul>
       </div>   
     </div>
  </div>

    {if isset($product.pack_quantity)&&$product.pack_quantity}{$product.pack_quantity}{$intval}cat:'x'}{/if}{$product.name | truncate:35:'…'|转义:'htmlall':'UTF-8'}

    {$product.description| strip|u标记:'UTF-8'| truncate:360:'…}

    {如果isset($product.pack\u数量)&$product.pack\u数量}{$product.pack\u quantity\124; intval\124; cat:'x'}{/if}{product.name |截断:35:“…”;转义:'htmlall':'UTF-8'}

    {$product.description| strip|u标记:'UTF-8'| truncate:360:'…}

但正如你所看到的,我必须重复两次才能让它工作,因为如果我不这样做,脚本就不能工作。我将添加一个屏幕来显示我的意思

例如:


有什么线索吗?

如果要将JS添加到.tpl文件,应该使用
{literal}*脚本*{/literal}
标记,或者使用要显示的模块中的addJS(JS路径)方法