在Firefox中mootools sexyalert jquery冲突

时间:2016-02-24 09:09:10

标签: javascript jquery firefox mootools addeventlistener

当我在代码下运行时,以下查询的自动完成功能在Firefox 43.0中有效。

如果我从第7-10行删除注释符号以启用'sexyalertbox.packed.js',则会出现'ReferenceError:Sexy is not defined'。

如果我从第7-10行和第13行删除注释符号,那么现在注释掉4-6和12行,即SexyAlertBox可以工作但是你知道自动完成功能。

1. <html>
2. <head>
3. <title>Product Categorization</title>
4. <script type="text/javascript" src="res/js/jquery.min.js"></script>
5. <script type="text/javascript" src='res/js/jquery-ui.min.js'></script>
6. <link rel="stylesheet" media="all" type="text/css" href="res/css/jquery-ui.css"></link>

7. <!--<link href="res/css/sexyalertbox.css" rel="stylesheet" type="text/css" />
8. <script type="text/javascript" src="res/js/mootools.js"></script>
9. <script type="text/javascript" src="res/js/sexyalertbox.packed.js"></script>
10. <script type="text/javascript" src="res/js/sexyalertbox.v1.1.js"></script>!-->

11. <script>
12. $(function() { $( "#newcat" ).autocomplete({ source: "ac.php?n=catsugg", minLength:2 });  });
13. //window.addEvent('domready', function() { Sexy = new SexyAlertBox(); });
14. </script>
15. </head>
16. <body>
17. <table border='1'>
18. <tr><th>Product Category</th><th>Product Name</th><th>Image URL</th><th>New Category</th></tr>
19. <tr><td id='productcategory'></td><td id='productname'></td><td id='imageurl'></td><td><input type='text' width='100px' id='newcat' onclick="Sexy.info('Y')"></td></tr>
20. </table>
21. </body></html>

我尝试了如下jQuery.noConflict(),但它给出了$未定义的错误。

我怎样才能使它工作或如何将window.addEvent转换为jQuery,这样它们都可以工作或者我应该编辑sexyalertbox.packed.js?

作为Sergio的解决方案

以下是固定代码:

1. <html>
2. <head>
3. <title>Product Categorization</title>
4. <script type="text/javascript" src="res/js/jquery.min.js"></script>
5. <script type="text/javascript" src='res/js/jquery-ui.min.js'></script>
6. <link rel="stylesheet" media="all" type="text/css" href="res/css/jquery-ui.css"></link>

7. <link href="res/css/sexyalertbox.css" rel="stylesheet" type="text/css" />
8. <script type="text/javascript" src="res/js/mootools.js"></script>
9. <script type="text/javascript" src="res/js/sexyalertbox.packed.js"></script>
10. <script type="text/javascript" src="res/js/sexyalertbox.v1.1.js"></script>

11. <script>
12. window.addEvent('domready', function() { Sexy = new SexyAlertBox(); });
13. jQuery.noConflict(); jQuery(function() { jQuery( "#newcat" ).autocomplete({ source: "ac.php?n=catsugg", minLength:2 });  });
14. </script>
15. </head>
16. <body>
17. <table border='1'>
18. <tr><th>Product Category</th><th>Product Name</th><th>Image URL</th><th>New Category</th></tr>
19. <tr><td id='productcategory'></td><td id='productname'></td><td id='imageurl'></td><td><input type='text' width='100px' id='newcat' onclick="Sexy.info('Y')"></td></tr>
20. </table>
21. </body></html>

0 个答案:

没有答案