使用带有全局jQuery的slick-carousel并浏览

时间:2016-05-04 18:17:06

标签: jquery browserify slick.js browserify-shim

我的设置看起来就像this answer here一样,带有browserify-shim,并且取决于所有设置。我没有在这个问题中报告问题,而Browserify抱怨它无法找到该模块。

相反,在页面加载时,我得到Uncaught TypeError: $picker.slick is not a function$picker是一个jQuery对象。希望我能找到明确的解决方案。

This solution changes code,理想情况下我们不这样做。还有this solution for a similar issue but using browserify global transforms。现在我已经在我的package.json中获得了浏览器设置,而且我不确定如何翻译它。

另外,我使用gulp browserify的Elixir's抽象,但不是在Laravel项目中。实际上是WordPress。

1 个答案:

答案 0 :(得分:0)

尝试将Slick Carousel显式导出为jQuery插件,如下所示:

"browserify": {
  "transform": [
    "browserify-shim"
  ]
},
"browserify-shim": {
  "jquery": "global:jQuery",
  "slick-carousel": {
    "depends": [
      "jquery: jQuery"
    ],
    "exports": "$.fn.slick"
  }
},