我现在几乎需要使用webpack和Angular 2的所有资产,而不是链接到HTML中的资产。我遇到了一个问题,因为jQuery调用没有返回对DOM元素的引用。
我的页面上有这个元素:
<div class="col-md-6">
<input type="checkbox" class="form-control" checked id="rememberMe">
<label>Remember me</label>
</div>
我试图像这样引用这个输入元素:
(function($) {
console.log($('#rememberMe').length);
$('#rememberMe').iCheck({
checkboxClass: 'icheckbox_minimal-orange',
radioClass: 'iradio_minimal-orange',
increaseArea: '20%'
});
})(jQuery);
这是原始代码的扭曲; console.log()将0写入控制台:DOM元素尚不存在。这是使用jQuery的遗留代码,这有点痛苦,但我可以应付它。我想最好的解决方案是在组件的构造函数或OnInit()钩子中编写此代码。
这是唯一的解决方案吗?
哎呀。