对于一个网页中,即要有jqplot的画图,又要有jquery-ui的风格显示!
但在导入必要的包时,出现了问题!
先导入jqplot的必要包:
1 <link type="text/css" rel="stylesheet" href="../css/jQuery/jqPlot/jquery.jqplot.min.css" /> 2 <link type="text/css" rel="stylesheet" href="../css/jQuery/jqPlot/syntaxhighlighter/styles/shCoreDefault.min.css" /> 3 <link type="text/css" rel="stylesheet" href="../css/jQuery/jqPlot/syntaxhighlighter/styles/shThemejqPlot.min.css" /> 4 <script type="text/javascript" src="../js/excanvas.js"></script> 5 <script type="text/javascript" src="../js/jQuery/jquery.min.js"></script> 6 <script type="text/javascript" src="../js/jQuery/jqPlot/staticjquery.jqplot.min.js"></script> 7 <script type="text/javascript" src="../js/jQuery/jqPlot/syntaxhighlighter/scripts/shCore.min.js"></script> 8 <script type="text/javascript" src="../js/jQuery/jqPlot/syntaxhighlighter/scripts/shBrushJScript.min.js"></script> 9 <script type="text/javascript" src="../js/jQuery/jqPlot/syntaxhighlighter/scripts/shBrushXml.min.js"></script>
再导入jquery-ui的必要包:
1 <link rel="stylesheet" href="../css/bootstrap.min.css" media="screen"> 2 <link rel="stylesheet" href="../css/cupertino/jquer121y-ui-1.10.3.custom.css" /> 3 <link rel="stylesheet" href="../css/cupertino/button.select.css" /> 4 <script src="../jquery_ui/jquery-1.9.1.js"></script> 5 <script src="../js/jquery-ui-1.10.3.custom.js"></script> 6 <script src="../js/jquery.ui.datepicker-zh-TW.js"></script>
这样子的话能有jquery-ui的样式,会画不出图表,想当然就是jquery-ui的必要包会跟jqplot的必要包起冲突,而进行覆盖!
如果导入jquery-ui的必要包,再导入jqplot的必要时的顺序的话,这样不能有jquery-ui的样式,但却能画出图来!
解决的方法!如下,将必要包进行混合:
1 <link type="text/css" rel="stylesheet" href="../css/jQuery/jqPlot/jquery.jqplot.min.css" /> 2 <link type="text/css" rel="stylesheet" href="../css/jQuery/jqPlot/syntaxhighlighter/styles/shCoreDefault.min.css" /> 3 <link type="text/css" rel="stylesheet" href="../css/jQuery/jqPlot/syntaxhighlighter/styles/shThemejqPlot.min.css" /> 4 <link rel="stylesheet" href="../css/bootstrap.min.css" media="screen"> 5 <link rel="stylesheet" href="../css/cupertino/jquer121y-ui-1.10.3.custom.css" /> 6 <link rel="stylesheet" href="../css/cupertino/button.select.css" /> 7 8 <script src="../jquery_ui/jquery-1.9.1.js"></script> 9 <script src="../js/jquery.ui.datepicker-zh-TW.js"></script> 10 <script type="text/javascript" src="../js/excanvas.js"></script> 11 <script type="text/javascript" src="../js/jQuery/jquery.min.js"></script> 12 <script type="text/javascript" src="../js/jQuery/jqPlot/staticjquery.jqplot.min.js"></script> 13 <script type="text/javascript" src="../js/jQuery/jqPlot/syntaxhighlighter/scripts/shCore.min.js"></script> 14 <script type="text/javascript" src="../js/jQuery/jqPlot/syntaxhighlighter/scripts/shBrushJScript.min.js"></script> 15 <script type="text/javascript" src="../js/jQuery/jqPlot/syntaxhighlighter/scripts/shBrushXml.min.js"></script> 16 <script src="../js/jquery-ui-1.10.3.custom.js"></script>
出现上面这样子将必要包导入时不会出现覆盖的情况,即能有jquery-ui的样式,但却能画出图来!