我正在尝试在WordPress中添加lightslider(http://sachinchoolur.github.io/lightslider/index.html),但出现错误

Uncaught TypeError: jQuery(...).lightSlider is not a function(anonymous function) @ (index):99m.Callbacks.j @ jquery.js?ver=1.11.2:2m.Callbacks.k.fireWith @ jquery.js?ver=1.11.2:2m.extend.ready @ jquery.js?ver=1.11.2:2J @ jquery.js?ver=1.11.2:2

我正在尝试他们网站上最简单的例子

的HTML
<ul id="lightSlider">
  <li>
      <h3>First Slide</h3>
      <p>Lorem ipsum Cupidatat quis pariatur anim.</p>
  </li>
  <li>
      <h3>Second Slide</h3>
      <p>Lorem ipsum Excepteur amet adipisicing fugiat velit nisi.</p>
  </li>
  <li>
      <h3>Third Slide</h3>
      <p>Lorem ipsum Excepteur amet adipisicing fugiat velit nisi.</p>
  </li>

</ul>

的JavaScript
<script type="text/javascript">
//Also tried to add noConflict() function
//jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#lightSlider").lightSlider();

});
</script>

有人可以帮我吗?
谢谢!

最佳答案

我解决了问题。之所以存在这个问题,是因为在lightSlider.js之后以某种方式加载了jQuery。我不知道这是怎么发生的,我只是先将jQuery首先加载到wp_enqueue_script()中,然后再加载其他东西(也要在CSS之前),最后才是lightslider.js。

希望这个答案对您有所帮助。谢谢你的帮助。

关于javascript - lightSlider不是功能,wordpress,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31550505/

10-12 01:09