lightSlider is not a function, wordpress

Question

I'm trying to add lightslider(http://sachinchoolur.github.io/lightslider/index.html) in WordPress but I got error

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

I'm trying with the simplest example from their website

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>

有人可以帮助我吗？谢谢！

Answer 1

我解决了问题。问题的存在是因为 jQuery 是在 lightSlider.js 之后加载的。我不知道这是怎么发生的，我只是将 jQuery 首先加载到 wp_enqueue_script() 中，然后再加载其他内容（也在 css 之前），最后将 Lightslider.js 加载。

我希望这个答案能够帮助更多人。谢谢你的帮助。