美文网首页
解决jquery和zepto之类的框架冲突问题

解决jquery和zepto之类的框架冲突问题

作者: 前端架构师陈龙威 | 来源:发表于2017-08-31 21:05 被阅读0次

工作的时候,很多情况会遇到使用多种框架,但是我们又对框架不够了解,导致无法完美的解决框架冲突而导致的问题。
现在有一个比较简单但是并不完美的方法,在没有足够的能力而时间又不太够的情况可以考虑,当然,平时也可以用。
例子:
我在一个页面引用了zepto和jquery框架,然后zepto的sui框架中$.alert()会有一个作者做好的弹窗样式,我想用,但是直接使用$.alert("弹窗"),页面会报错,显示$.alert is not a function

8.png
这是因为同时引入了zepto和jquery,系统无法识别$代表着zepto还是jquery,所以需要这样写:Zepto.alert("弹窗");这样系统就能识别了。
另外jquery的$就是jQuery。
这是以前的写法,现在基本上都是简写。
为此我找了下jquery的几种写法,zepto的刚用,了解不多
//原始
$(document).ready(function(){

});

//缩写 1
$().ready(function(){

});

//缩写 2
$(function(){

});

//意义为在DOM加载完毕后执行了ready()方法
jQuery(function(){

});
//等价于
jQuery(document).ready(function(){

});

相关文章

  • 解决jquery和zepto之类的框架冲突问题

    工作的时候,很多情况会遇到使用多种框架,但是我们又对框架不够了解,导致无法完美的解决框架冲突而导致的问题。现在有一...

  • 八、了解express

    简介 Express框架是后台的Node框架,所以和 jquery、 zepto、yui、 bootstrap都不...

  • jquery和zepto的扩展方法extend

    jquery和zepto的扩展方法extend 总结下jQuery(3.1.1)和zepto(1.1.6)到底是如...

  • jquery的noConflict()方法

    避免$的冲突:jQuery中noConflict()方法的使用 为了避免和其他框架的冲突,jQuery提供了noC...

  • Array.prototype.slice.call()方法详解

    翻看很多框架源码,jquery和zepto等等都会有这句话Array.prototype.slice.call百思...

  • 移动web开发

    1. Zepto库和JQ区别 Zepto相对jQuery更加轻量,主要用在移动端,jQuery也有对应的jQuer...

  • 使用Ajax请求网络数据

    var jq=$.noConflict(); //解决jQuery冲突问题 /* 点击登录按钮 */ functi...

  • jQuery 知识点

    jQuery 和Zepto ? Zepto 类库体积小,且实现了触摸屏交互事件,更适合于移动端。 jQuery 体...

  • 【移动端】Zepto框架简介

    Zepto不提供移动适配的解决 Zepto的API大量参考jQuery,目的的是提供更轻量级的下载速度更快的更适用...

  • jQuery和zepto

    1, 有jQuery动态生成的dom, 需要用live绑定事件, 或者用on live绑定: on绑定: 要绑定到...

网友评论

      本文标题:解决jquery和zepto之类的框架冲突问题

      本文链接:https://www.haomeiwen.com/subject/xaecjxtx.html