jquery和vue冲突吗_jquery和vue的区别

jquery和vue冲突吗_jquery和vue的区别问题:一个h5项目同时引用了vue.js和jquery.js,发现jquery绑定的事件失效。原因是:vue会重新渲染dom,加上是异步实例vue.所以正常写程序的话jq的$()获取的元素不是vue渲染后的元素.解决办法:先加载vue.js,让页面渲染完成后加载jq,给jq绑定ready事件$(document).ready(function(){…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

问题:

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

 

原因是:

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

 

解决办法:

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

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

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/184180.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mybatisplus使用Caffeine作为mapper层二级缓存

    mybatisplus使用Caffeine作为mapper层二级缓存引入Caffeine<dependency><groupId>com.github.ben-manes.caffeine</groupId><artifactId>caffeine</artifactId><version>2.9.0</version></dependency>封装好的工具类:pack

    2022年9月27日
    3
  • Mobx入门和较佳实践

    Mobx入门和较佳实践

    2021年6月18日
    106
  • 旅行商问题(动态规划方法,超级详细的)

    旅行商问题(动态规划方法,超级详细的)一、题目一个售货员必须访问n个城市,恰好访问每个城市一次,并最终回到出发城市。 售货员从城市i到城市j的旅行费用是一个整数,旅行所需的全部费用是他旅行经过的的各边费用之和,而售货员希望使整个旅行费用最低。 (等价于求图的最短哈密尔顿回路问题)令G=(V,E)是一个带权重的有向图,顶点集V=(v0,v1,…,vn-1)。从图中任一顶点vi出发,经图中所有其他顶点一次且只有一次,最…

    2022年7月26日
    21
  • linux firefox flashplayer 升级,redhat7升级自带的firefox浏览器并安装flash_player插件

    linux firefox flashplayer 升级,redhat7升级自带的firefox浏览器并安装flash_player插件升级自带的firefox浏览器linux这里使用的升级方法是直接用新版本的firefox软件包替换原来的firefox文件夹api一、下载firefox浏览器浏览器去firefox官网http://www.firefox.com.cn/找到linux版本下载spa二、找到下载的文件,在非root用户下解压firefox[vaon@stationDownloads]$tarjxfFirefox…

    2022年5月2日
    61
  • delphi remobjects

    delphi remobjects概述:RemObjectsSDK是一个先进的远程框架,允许你通过网络远程地访问驻留在服务器上的对象。RemObjectsSDK允许你开发客户/服务应用程序,利用高优化性能的SmartServices或跨平台兼容性的标准WebServices,使客户端和服务器端轻松高效的通讯。高亮特征强大的远程框架为客户端和服务器间有效通讯提供广泛的选项,跨越各种质量的网络(从本地局域网…

    2025年6月16日
    4
  • webstorm 2021激活码(注册激活)

    (webstorm 2021激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月27日
    462

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号