我陷入了一种我以前从未遇到的奇怪情况。我在Laravel框架中使用bootstrap模板构建管理面板。默认情况下,bootstrap管理模板具有饼图等的morris.js插件。今天,当我尝试构建onChange事件的简单功能时。然后我发现它不起作用。我尝试了各个角度,并花了很多时间来弄清楚为什么它在相同代码的其他环境中不起作用,它正常工作。所以,我决定在我的应用程序中更改并删除少数包含的javascript库的顺序。当我删除那些morris.js插件库时,我发现一切都工作得很好。看起来图书馆内部存在一些冲突,或者我真的不知道。你能帮我解决这个问题吗?
这是标签代码:
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{ $title }}</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<!-- Bootstrap Core CSS -->
{{ HTML::style('packages/admin/bootstrap/css/bootstrap.min.css') }}
{{ HTML::style('packages/admin/bootstrap/css/datepicker.css') }}
<!-- Custom CSS -->
{{ HTML::style('packages/admin/bootstrap/css/sb-admin.css') }}
<!-- Morris Charts CSS -->
{{ HTML::style('packages/admin/bootstrap/css/plugins/morris.css') }}
<!-- Custom Fonts -->
{{ HTML::style('packages/admin/bootstrap/font-awesome/css/font-awesome.min.css') }}
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
{{ HTML::script('packages/admin/bootstrap/js/bootstrap-datepicker.js') }}
<!-- Bootstrap Core JavaScript -->
{{ HTML::script('packages/admin/bootstrap/js/bootstrap.min.js') }}
<!-- Morris Charts JavaScript -->
{{ HTML::script('packages/admin/bootstrap/js/plugins/morris/raphael.min.js') }}
{{ HTML::script('packages/admin/bootstrap/js/plugins/morris/morris.min.js') }}
{{ HTML::script('packages/admin/bootstrap/js/plugins/morris/morris-data.js') }}
</head>