如何在browserify中使用jquery插件?

时间:2016-04-16 01:37:12

标签: jquery node.js jquery-ui npm browserify

我已经通过npm安装了jquery-ui:

npm install jquery-ui --save

我已经看到了垫片的概念,但我相信不再需要垫片。我认为我的代码应该正常工作,但它没有。这就是我所拥有的:

-- login.js --
require('jquery-ui');
require('jquery-ui/effect-shake');

module.exports = {
  init: function() {
    var elem = $(...); // some element on the page    
    elem.effect('shake');
  }
};

得到浏览器化并包含在我的主页面中。这就是调用的方式:

-- index.html --
<head>
<script src="browserified.js"></script>
<script>
  $().ready(function() {
    login.init();
  });
</script>

所以问题是.effect不是函数。我不正确地要求这个吗?

  

browserified.js:5571 Uncaught TypeError:elem.effect不是函数

我错过了什么?

1 个答案:

答案 0 :(得分:0)

我曾经通过触发.hide()然后.show()来触发带有选项的元素来绑定jquery-ui效果。所以,它会是:

module.exports = {
  init: function() {
    var elem = $(...); // some element on the page    
    elem.hide();
    elem.show({duration:300, easing:"shake"});
  }
};