如何在 browserify 中使用 jquery 插件？答案

【问题标题】：How do I use jquery plugins with browserify?如何在 browserify 中使用 jquery 插件？
【发布时间】：2016-08-08 03:22:42
【问题描述】：

我已经通过 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 is not a function

我错过了什么？

【问题讨论】：

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

【解决方案1】：

我曾经通过触发.hide()然后.show()到带有选项的元素来绑定jquery-ui效果。所以，应该是：

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

【讨论】：

当然，但我的问题更广泛。我的意思是理解为什么我的方法在我认为应该的时候不起作用，因为今天是这个模块，明天是另一个