问题:

一个h5项目同时引用了vue.js和jquery.js, 发现jquery绑定的事件失效。

 

原因是:

vue会重新渲染dom,加上是异步实例vue.所以正常写程序的话jq的$()获取的元素不是vue渲染后的元素. 

 

解决办法:

先加载vue.js,让页面渲染完成后加载jq,给jq绑定ready事件

$(document).ready(function(){
 
    $(function() {
    
    //jq事件
 
    });
 
});

 

更多推荐

同时使用vue 和 jquery, jquery事件绑定失效