#10330 closed bug (worksforme)
conflict with prototype.js
Reported by: | Owned by: | ||
---|---|---|---|
Priority: | low | Milestone: | |
Component: | core | Version: | 1.6.4 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
this code work in Firefox but doesn't work in IE
<html lang="fr"> <head>
<meta charset="utf-8"> <title>jQuery UI Button - Default functionality</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <link rel="stylesheet" href="../demos.css"> <script src="../../jquery-1.6.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.button.js"></script> <script>
jQuery.noConflict();
jQuery(document).ready(function($) {
$( "button, input:submit, a", ".demo" ).button();
$( "a", ".demo" ).click(function() { return false; }); }); </script> <script src="../../ui/prototype.js"></script> <script src="../../ui/ws.js"></script>
</head> <body>
<div class="demo">
<input type="submit" value="A submit button"/>
</div><!-- End demo -->
<div class="demo-description"> <p>Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor.</p> </div><!-- End demo-description -->
</body> </html>
The error is:
Ligne: 3975 Caractère: 4 Code: 0 Message d'erreur: Cet objet ne gère pas cette propriété ou cette méthode URL: file:///......../default.html
What can i do?
Thanks
Change History (5)
comment:1 Changed 11 years ago by
Component: | unfiled → core |
---|---|
Milestone: | None → 1.7 |
Priority: | undecided → low |
Resolution: | → worksforme |
Status: | new → closed |
comment:2 Changed 11 years ago by
i use jQuery.noConflict() but it doesn't work :
<!DOCTYPE html> <html lang="fr"> <head>
<meta charset="utf-8"> <title>jQuery UI Button - Default functionality</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <link rel="stylesheet" href="../demos.css"> <script src="../../jquery-1.6.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.button.js"></script> <script>
jQuery.noConflict(true);
jQuery(document).ready(function($) {
$( "button, input:submit, a", ".demo" ).button();
$( "a", ".demo" ).click(function() { return false; }); }); </script> <script src="../../ui/prototype.js"></script> <script src="../../ui/ws.js"></script>
</head> <body>
<div class="demo">
<input type="submit" value="A submit button"/>
</div><!-- End demo -->
<div class="demo-description"> <p>Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor.</p> </div><!-- End demo-description -->
</body> </html>
comment:3 Changed 11 years ago by
jQuery.noConflict(true) would also reset window.jQuery, which would break all of your code. Use jQuery.noConflict().
comment:4 Changed 11 years ago by
With jQuery.noConflict(); the error is always here....
<html lang="fr"> <head>
<meta charset="utf-8"> <title>jQuery UI Button - Default functionality</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <link rel="stylesheet" href="../demos.css"> <script src="../../jquery-1.6.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.button.js"></script> <script>
jQuery.noConflict();
jQuery(document).ready(function($) {
$( "button, input:submit, a", ".demo" ).button();
$( "a", ".demo" ).click(function() { return false; }); }); </script> <script src="../../ui/prototype.js"></script> <script src="../../ui/ws.js"></script>
</head> <body>
<div class="demo">
<input type="submit" value="A submit button"/>
</div><!-- End demo -->
<div class="demo-description"> <p>Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor.</p> </div><!-- End demo-description -->
</body> </html>
comment:5 Changed 11 years ago by
Milestone: | 1.7 |
---|
use:
jQuery.noConflict()
http://api.jquery.com/jQuery.noConflict/