两个js有冲突，放在一起就有一个功能不能实现

shelleybao 2017-07-29 09:26:28
两个js有冲突，放在一起下拉菜单的功能就不能实现，下拉菜单的js不放，下拉时间的就是正常的。
一个是下拉菜单的：
(function ($) {

    "use strict";

    var mainApp = {



        initFunction: function () {

            /*MENU 

            ------------------------------------*/

            $('#main-menu').metisMenu();

			

            $(window).bind("load resize", function () {

                if ($(this).width() < 768) {

                    $('div.sidebar-collapse').addClass('collapse')

                } else {

                    $('div.sidebar-collapse').removeClass('collapse')

                }

            });



            /* MORRIS BAR CHART

			-----------------------------------------*/

            Morris.Bar({

                element: 'morris-bar-chart',

                data: [{

                    y: '2006',

                    a: 100,

                    b: 90

                }, {

                    y: '2007',

                    a: 75,

                    b: 65

                }, {

                    y: '2008',

                    a: 50,

                    b: 40

                }, {

                    y: '2009',

                    a: 75,

                    b: 65

                }, {

                    y: '2010',

                    a: 50,

                    b: 40

                }, {

                    y: '2011',

                    a: 75,

                    b: 65

                }, {

                    y: '2012',

                    a: 100,

                    b: 90

                }],

                xkey: 'y',

                ykeys: ['a', 'b'],

                labels: ['Series A', 'Series B'],

				 barColors: [

    '#22a7f0','#1abc9c',

    '#A8E9DC' 

  ],

                hideHover: 'auto',

                resize: true

            });

	 





            /* MORRIS DONUT CHART

			----------------------------------------*/

            Morris.Donut({

                element: 'morris-donut-chart',

                data: [{

                    label: "Download Sales",

                    value: 12

                }, {

                    label: "In-Store Sales",

                    value: 30

                }, {

                    label: "Mail-Order Sales",

                    value: 20

                }],

				   colors: [

    '#22a7f0','#1abc9c',

    '#A8E9DC' 

  ],

                resize: true

            });



            /* MORRIS AREA CHART

			----------------------------------------*/



            Morris.Area({

                element: 'morris-area-chart',

                data: [{

                    period: '2010 Q1',

                    iphone: 2666,

                    ipad: null,

                    itouch: 2647

                }, {

                    period: '2010 Q2',

                    iphone: 2778,

                    ipad: 2294,

                    itouch: 2441

                }, {

                    period: '2010 Q3',

                    iphone: 4912,

                    ipad: 1969,

                    itouch: 2501

                }, {

                    period: '2010 Q4',

                    iphone: 3767,

                    ipad: 3597,

                    itouch: 5689

                }, {

                    period: '2011 Q1',

                    iphone: 6810,

                    ipad: 1914,

                    itouch: 2293

                }, {

                    period: '2011 Q2',

                    iphone: 5670,

                    ipad: 4293,

                    itouch: 1881

                }, {

                    period: '2011 Q3',

                    iphone: 4820,

                    ipad: 3795,

                    itouch: 1588

                }, {

                    period: '2011 Q4',

                    iphone: 15073,

                    ipad: 5967,

                    itouch: 5175

                }, {

                    period: '2012 Q1',

                    iphone: 10687,

                    ipad: 4460,

                    itouch: 2028

                }, {

                    period: '2012 Q2',

                    iphone: 8432,

                    ipad: 5713,

                    itouch: 1791

                }],

                xkey: 'period',

                ykeys: ['iphone', 'ipad', 'itouch'],

                labels: ['iPhone', 'iPad', 'iPod Touch'],

                pointSize: 2,

                hideHover: 'auto',

				  pointFillColors:['#ffffff'],

				  pointStrokeColors: ['black'],

				  lineColors:['#22a7f0','#1abc9c'],

                resize: true

            });



            /* MORRIS LINE CHART

			----------------------------------------*/

            Morris.Line({

                element: 'morris-line-chart',

                data: [

					  { y: '2014', a: 50, b: 90},

					  { y: '2015', a: 165,  b: 185},

					  { y: '2016', a: 150,  b: 130},

					  { y: '2017', a: 175,  b: 160},

					  { y: '2018', a: 80,  b: 65},

					  { y: '2019', a: 90,  b: 70},

					  { y: '2020', a: 100, b: 125},

					  { y: '2021', a: 155, b: 175},

					  { y: '2022', a: 80, b: 85},

					  { y: '2023', a: 145, b: 155},

					  { y: '2024', a: 160, b: 195}

				],

            

				 

      xkey: 'y',

      ykeys: ['a', 'b'],

      labels: ['Total Income', 'Total Outcome'],

      fillOpacity: 0.6,

      hideHover: 'auto',

      behaveLikeLine: true,

      resize: true,

      pointFillColors:['#ffffff'],

      pointStrokeColors: ['black'],

      lineColors:['gray','#1abc9c']

	  

            });

           

        

            $('.bar-chart').cssCharts({type:"bar"});

            $('.donut-chart').cssCharts({type:"donut"}).trigger('show-donut-chart');

            $('.line-chart').cssCharts({type:"line"});



            $('.pie-thychart').cssCharts({type:"pie"});

       

	 

        },



        initialization: function () {

            mainApp.initFunction();



        }



    }

    // Initializing ///



    $(document).ready(function () {

        mainApp.initFunction(); 

		$("#sideNav").click(function(){

			if($(this).hasClass('closed')){

				$('.navbar-side').animate({left: '0px'});

				$(this).removeClass('closed');

				$('#page-wrapper').animate({'margin-left' : '260px'});

				

			}

			else{

			    $(this).addClass('closed');

				$('.navbar-side').animate({left: '-260px'});

				$('#page-wrapper').animate({'margin-left' : '0px'}); 

			}

		});

    });



}(jQuery));

第二个是下拉日期：
<script type="text/javascript">

	$(function(){

		$('.time').datetimepicker({

			format: 'yyyy-mm-dd hh:ii',

			language:"zh-CN",

			minView:0,

			autoclose:true

		});

		showTab();

	});

	

	function olclick(obj){

		var text = $(obj).data('text'); 

		var id = $(obj).data('id'); 

		$(obj).parent().siblings("p").find('span').html(text);

		$(obj).parent().siblings("p").find('input').val(id);

		$(obj).parent().hide();

		

	}



	$(document).ready(function(){

		$(".order-li p").click(function(){

			$(this).siblings('div').toggle();

			$(this).parent('.order-li').siblings().children('.order-select').hide();

		});

		

		$("#search").click(function(){

		

			var ordernum = $('input[name="ordernum"]').val();

			var phone = $('input[name="phone"]').val();

			var starttime = $('input[name="starttime"]').val();

			var starttime2 = Date.parse(new Date(starttime));

			starttime2 = starttime2 / 1000;

			var endtime = $('input[name="endtime"]').val();

			var endtime2 = Date.parse(new Date(endtime));

			endtime2 = endtime2 / 1000;

			var status = $('input[name="status"]').val();

			var paytype = $('input[name="paytype"]').val();

			var proid = $('input[name="proid"]').val();

			var gzid = $('input[name="gzid"]').val();

			var paytime = $('input[name="paytime"]').val();

			

			

			if(!ordernum){	var ordernum = 'no';}

			if(!phone){	var phone = 'no';}

			if(!starttime2){ var starttime2 = 'no';}

			if(!endtime2){ var endtime2 = 'no';}

			if(!gzid){ var gzid = 'no';}

			if(!paytype){ var paytype = 'no';}

			if(!paytime){ var paytime = 'no';}

			

			window.location.href = '__ROOT__/index.php?s=/admin/order/index/ordernum/'+ordernum+'/phone/'+phone+'/starttime/'+starttime2+'/endtime/'+endtime2+'/status/'+status+'/paytype/'+paytype+'/proid/'+proid+'/gzid/'+gzid+'/paytime/'+paytime+'.html';

			

		});

		

		$("#export").click(function(){

		

			var ordernum = $('input[name="ordernum"]').val();

			var phone = $('input[name="phone"]').val();

			var starttime = $('input[name="starttime"]').val();

			var starttime2 = Date.parse(new Date(starttime));

			starttime2 = starttime2 / 1000;

			var endtime = $('input[name="endtime"]').val();

			var endtime2 = Date.parse(new Date(endtime));

			endtime2 = endtime2 / 1000;

			var status = $('input[name="status"]').val();

			var paytype = $('input[name="paytype"]').val();

			var proid = $('input[name="proid"]').val();

			var gzid = $('input[name="gzid"]').val();

			var paytime = $('input[name="paytime"]').val();

			

			

			if(!ordernum){	var ordernum = 'no';}

			if(!phone){	var phone = 'no';}

			if(!starttime2){ var starttime2 = 'no';}

			if(!endtime2){ var endtime2 = 'no';}

			if(!gzid){ var gzid = 'no';}

			if(!paytime){ var paytime = 'no';}

			

			window.location.href = '__ROOT__/index.php?s=/admin/order/get_export/ordernum/'+ordernum+'/phone/'+phone+'/starttime/'+starttime2+'/endtime/'+endtime2+'/status/'+status+'/paytype/'+paytype+'/proid/'+proid+'/gzid/'+gzid+'/paytime/'+paytime+'.html';

			

		});

	});

	</script>
...全文
565 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
75闪光雷 2018-08-27
  • 打赏
  • 举报
 回复
调整下js引用顺序 你这报错应该是 datetimepicker js在这之后引用的，所以找不到，应该放在这个前面引进来
囧 2017-07-29
  • 打赏
  • 举报
 回复
element: 'morris-bar-chart' 这个没找到，是class还是id? datetimepicker这个js用引入吗
shelleybao 2017-07-29
  • 打赏
  • 举报
 回复
引用 1 楼 Free_Wind22 的回复:
按下F12看提示，可能是2个插件本身的代码不兼容





对，但是新手表示不会改
囧 2017-07-29
  • 打赏
  • 举报
 回复
按下F12看提示，可能是2个插件本身的代码不兼容
shelleybao 2017-07-29
  • 打赏
  • 举报
 回复
引用 3 楼 Free_Wind22 的回复:
element: 'morris-bar-chart' 这个没找到，是class还是id? datetimepicker这个js用引入吗
morris-bar-chart就在给的第一个js的前面部分； datetimepicker这个js引用了；
极简一小时以太坊ERC20代币标准深度理解及两种语言实现
为区块链工程师提供极简的一个小时内彻底理解ERC20标准，并用Solidity和Vyper分别实现代币智能合约，然后部署运行的详细流程。首先，从以太坊演变的历史源头出发，分析ERC20代币智能合约标准从诞生到定型的全过程，深度解释ERC20关键方法的社区争论和最终考量逻辑。其次，用Solidity实现一个极简的代币智能合约，部署到Kovan测试网络运行，Solidity是智能合约开发的主流语言，本实现可以移植到以太坊上的其他智能合约，为它们添加实现代币功能提供开发基础。再次，用Vyper实现一个极简智能合约，部署到Kovan测试网络运行。Vyper作为同时具有简洁和安全特性的新语言，仍处在发展之中，因此在安装、开发、部署上有一系列的注意事项，本教程提供了录屏充分的Vyper开发全流程，高度可复现，事半功倍，非常适合对Vyper感兴趣的开发人员。
两个js冲突怎么解决?试试这四个方法
jQuery多个版本或和其他js库冲突主要是常用的$符号的问题，这个问题 jquery早早就有给我们预留处理方法了，下面一起来看看解决办法。 1.同一页面jQuery多个版本或冲突解决方法 <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> ...
两个JS冲突
两个框架都用$为变量 所以冲突了 解决方案： 1、将jquery.js放到prototype.js前面（这个是必须的!）。 2、在jquery.js后面将$变量重命名。 方法如下： src="jquery.js"> var jQuery=$; <script type="text/javascript" type="text/javascript" src="window.js
js避免命名冲突
在js模块化以前，工作过程中可能会遇到如下两种命名冲突的情况： 多人合作命名冲突 引入第三方库命名冲突 一、多人合作命名冲突 场景一、项目中有公共工具方法util.js,其中有个some方法，A开发过程中在自己的a.js中也定义了一个some方法，这是别人同时引用了util.js 和 a.js,这样就导致了each方法冲突，A只能改自己定义方法的名字，也通知用的人修改名字。 这种场景可以用命名空间的方式解决 1. 匿名函数 多人合作时，每个人都会写自己的js代码，容易造成变量名冲突。用匿名函数将脚本包起
开发日记（2）Vue + Element UI 实现两个input输入框一起验证
Element UI 实现两个input输入框一起验证
JavaScript

87,910

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章