在使用easyui時(shí),很容易就會(huì)遇到easyuitree和jquery沖突的問(wèn)題。這是因?yàn)閑asyui本身就是基于jquery開(kāi)發(fā)的,所以其中就包含了jquery庫(kù)。而如果我們?cè)陧?yè)面中再次引入jquery庫(kù),就會(huì)導(dǎo)致沖突。
<!-- 引入jquery --> <script src="js/jquery.min.js"></script> <!-- 引入easyui --> <link rel="stylesheet" href="css/easyui.css"> <script src="js/jquery.easyui.min.js"></script>
那么如何解決這個(gè)問(wèn)題呢?可以采取以下兩種方法:
1、刪除自己引入的jquery庫(kù)
<!-- 引入easyui --> <link rel="stylesheet" href="css/easyui.css"> <script src="js/jquery.easyui.min.js"></script>
這種方法非常簡(jiǎn)單,直接刪除代碼中自己引入的jquery庫(kù)就好了。這樣就可以保證easyui中自帶的jquery庫(kù)被正確調(diào)用了。
2、在自己引入的jquery庫(kù)與easyui之間添加noConflict
<!-- 引入jquery --> <script src="js/jquery.min.js"></script> <!-- 引入easyui --> <link rel="stylesheet" href="css/easyui.css"> <script src="js/jquery.easyui.min.js"></script> <script> $.noConflict(); </script>
這種方法的原理就是在自己引入的jquery庫(kù)和easyui之間添加noConflict,使它們之間不再有命名沖突,從而避免沖突問(wèn)題的出現(xiàn)。
以上就是easyuitree和jquery沖突的解決方法,根據(jù)頁(yè)面實(shí)際情況選擇相應(yīng)的方法即可。