Question

我正在试着为什么我不能让它发挥作用。我正在使用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} />

我得到的错误是：

选择器无效或丢失！

我似乎无法让它工作。有什么建议。我相信我遵循了指示，但那是我必须遗漏的东西。

Answer 1

我认为这是因为你在循环中指定了选择器id =“animation”。所以你得不到DOM中的uniq ID元素。让我们尝试使用类而不是id或init js-plugin为页面中的每个产品图像，例如：

$('#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} />

“选择器无效或丢失！”当使用jQuery Caption（Capty）插件时

1 个答案: