0

なぜこれを機能させることができないのか頭を悩ませています。jQuery Capty プラグインを使用しています。

https://github.com/wbotelhos/capty

prestashop では、これを使用していproduct-list.tplます。

の上にこれを含めますproduct-list.tpl：

<script type="text/javascript">
$('#animation').capty({
  animation: 'fade',
  speed:     400
});
</script>

これは、a href 内の画像のファイルにもあります。

 <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" class="img-responsive" id="animation" alt="{$product.name|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />

私が得るエラーは次のとおりです。

セレクターが無効か、見つかりません!

私はそれを機能させることができないようです。助言がありますか。私は指示に従っていると信じていますが、何かが欠けているに違いありません。

4

1 に答える 1

0

ループでセレクター id="animation" を割り当てるために発生すると思います。したがって、DOM で一意の ID 要素を取得できません。ページ内の各製品画像に対して、id または init js-plugin の代わりに class を使用してみましょう。次に例を示します。

$('#animation_1, #animation_4, #animation_3').capty({...

と

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" class="img-responsive" id="animation_{$product.link_rewrite}" alt="{$product.name|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />
于 2013-08-30T22:23:17.137 に答える