Prestashop Jquery手风琴的问题

Question

我目前正在制作一个Prestashop模板，其中的类别必须显示为手风琴（没有产品），所以我手动添加smarty / php代码到手风琴的调用，因此会自动显示所有创建的。 / p>

我正在使用JQUERY ACCORDION（http://jqueryui.com/accordion）

主要问题如下：

JS ADDED：

<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 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>

但正如你所看到的，我必须重复两次才能使它工作，因为如果我不这样做，脚本就不起作用了。我会添加一个屏幕来告诉你我的意思。

实施例：

有任何线索吗？

Answer 1

如果要将JS添加到.tpl文件中，您应该使用{literal}*script*{/literal}标记，或者使用模块中的addJS（path-to-js）方法来显示钩子。