webpack:使用jQuery

时间:2016-01-12 16:54:53

标签: jquery dom webpack angular visual-studio-code

我现在几乎需要使用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()钩子中编写此代码。

这是唯一的解决方案吗?

哎呀。

0 个答案:

没有答案