我想在CatberryJS框架的Web应用程序中使用jQuery 。我该怎么做?
您可以照常使用jQuery,只需将此脚本标签包含在“ head”组件中:
<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
然后,随时可以在除组件的构造函数和“ render ”方法之外的任何组件代码中使用jQuery函数。
bundle.js
在这种情况下,您可以使用npm安装jQuery,如下所示:
npm install jquery --save
然后注册的jQuery作为Catberry服务中./browser.js
var catberry = require('catberry'),
cat = catberry.create({/* config */}),
jQuery = require('jquery');
cat.locator.registerInstance('jquery', jQuery);
注册jQuery后,您可以在组件中使用它,而从Catberry Service Locator解析它:
var $ = this.$context.locator.resolve('jquery');
$('.class').html('<div>Hello, World!</div>');
如果要在组件的构造函数或组件的“ render ”方法中使用jQuery函数,则应检查环境标志,如下所示:
if (this.$context.isBrowser) {
// crazy jQuery stuff
}
另外,请记住,为避免内存泄漏,您的组件应取消订阅所有jQuery事件,并以“ unbind ”方法释放jQuery函数使用的所有资源。
您可以在组件内部使用任何浏览器端库,如上面针对jQuery所述。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句