Question

朋友我已经在注册页面和编辑页面上编写了我的javascript，但在我的编辑页面上我在magento 1.8中发现了两个错误。。我在layout / page.xml中添加了noconflict，但我没有得到任何解决方案。

TypeError: element.attachEvent is not a function
http://localhost/cdd_chile/js/prototype/prototype.js
Line 5653

TypeError: element.dispatchEvent is not a function
http://localhost/cdd_chile/js/prototype/prototype.js
Line 5734

我在这两页都使用这些脚本.....

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS);?>cddjs/jquery.Rut.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

Answer 1

使用jquery的noConflict（），如

$.noConflict();

实施例。

<script type="text/javascript" src"jquery-1.11.js"></script>
    <script type="text/javascript"> 
        $j = jQuery.noConflict(true); 
 </script>

$j现在是访问jquery的新别名。它覆盖了您$别名。在包含要解决冲突的jQuery或其他插件后立即包含noConflict。如果您需要更多说明，请参阅here

编辑：示例

<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
  <script type="text/javascript"> 
        $j = jQuery.noConflict(true); 

        $j(document).ready(function(e){     
            $j("#test").click(function(){
                 alert("hi");
            });
        });
 </script> 

</head>
<body>
<button id="test" type="button">Say Hi</button>
</body>
</html>

Answer 2

您可以使用：

var jQuery = $.noConflict();

jQuery将成为jQuery库的别名。

$.noConflict()将重新解决您在任何其他图书馆中拥有“$”时可能出现的任何冲突。

如何在Magento 1.8中删除jQuery冲突

2 个答案: