使用SUI与JQuery冲突的解决方法

月神的飞刀 2017-12-13 14:47:40 浏览36 评论1

javascript css js jquery form charset type 使用SUI与JQuery冲突的解决方法

摘要： 在使用SUI的过程中同样需要用到依赖jquery的jquery.form.js，而SUI中的zepto.js与jquery冲突。需要解决这个问题来使自己项目中的图片上传功能能够正常使用。

    解决方式：替换jquery的$定义或者替换zepto.js的$定义

    解决方法：

jquery有一个方法叫noConflict() ,可以把jquery的$改掉。
var jq=$.noConflict();
这个时候用jq来代替jquery的$吧。
zepto的符号改掉
window.?=window.Zepto = Zepto
在zepto里加入这一行代码，就可以用?来代替zepto里的$了。当然也可以选择其他符号来代替。

    例如：         

    <script th:src="@{../../../../mobileJs/jquery-2.1.1.min.js}" ></script>
    <script>$.noConflict();</script>
    <script type='text/javascript' th:src="@{//g.alicdn.com/sj/lib/zepto/zepto.js}"  charset='utf-8'></script>
    <script>$.init</script>
    <script type='text/javascript' th:src="@{//g.alicdn.com/msui/sm/0.6.2/js/sm.js}" charset='utf-8'></script>
    <script type='text/javascript' th:src="@{//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.js}" charset='utf-8'></script>

     因为这里直接去掉了jquery的$定义所以调用时应该是这样的

 function confirm(){
        var form = jQuery("form[name=fileUploadForm]");  //获取jquery对象 用  jQuery  这是jquery已经定义了的
        var options  = {
            url:'/yd111/mobileFileUpload',
            type:'post',
            data:form.serialize(),
            success:function(data){
                //alert(data);//成功执行的方法
                $.toast(data);//zepto对象还是用$
                jQuery(".toast").css("margin-top","75%");
                jQuery(".toast").css("margin-left","0px");
            }
        };
        form.ajaxSubmit(options);
    }

版权声明：本文内容由互联网用户自发贡献，本社区不拥有所有权，也不承担相关法律责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件至：yqgroup@service.aliyun.com 进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容。

用云栖社区APP，舒服~

【云栖快讯】2017互联网超级工程阿里双11完美落幕，交易额突破1682亿，但阿里工程师如何玩转“超级工程”，背后黑科技又是如何？12月13-14日，12位大咖直播分享揭秘1682亿背后技术实践，马上预约  详情请点击 评论文章 (1) (4) (3)

相关文章

网友评论