我需要帮助使JQuery函数在没有按钮点击的情况下运行。目前只有在我有一个按钮可以点击时,JQuery才会触发。
代码
declare var jQuery: any;
@Component({
selector: 'home-component',
providers: [],
moduleId: module.id,
encapsulation: ViewEncapsulation.None,
templateUrl: 'home.component.html',
styleUrls: ['home.component.css'],
directives: [BannerComponent],
})
export class HomeComponent implements OnInit {
constructor(public productService: ProductService, private elref: ElementRef) {
}
ngOnInit(): any {
console.log("jQuery here");
jQuery(this.elref.nativeElement).find('button').on('click', function () {
jQuery('#owl-example').owlCarousel();
});
}
}
这段代码是在组件内部。它找到按钮,当被点击时,将运行jQuery函数。
我的目标是让这一行更加易懂:
jQuery('#owl-example').owlCarousel();
在ngOnInit被调用时触发(不需要任何按钮点击)。为了做到这一点,我需要实现JQuery:
$(document).ready(function() { }
这里的问题是它不起作用 :) 我尝试过的代码如下:
ngOnInit(): any {
console.log("jQuery here");
jQuery(this.elref.nativeElement).ready(function() {
jQuery('#owl-example').owlCarousel();
});
}
希望有人能够帮忙。
这与IT技术无关。
jQuery('#owl-example').owlCarousel();
你绝不能做这样的事情。 - dfsq