Bug Tracker

Opened 9 years ago

Closed 9 years ago

Last modified 9 years ago

#10330 closed bug (worksforme)

conflict with prototype.js

Reported by: ruquois.fabrice@… 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 9 years ago by Rick Waldron

Component: unfiled → core
Milestone: None → 1.7
Priority: undecided → low
Resolution: → worksforme
Status: new → closed

use: jQuery.noConflict() ​http://api.jquery.com/jQuery.noConflict/

comment:2 Changed 9 years ago by ruquois.fabrice@…

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 9 years ago by timmywil

jQuery.noConflict(true) would also reset window.jQuery, which would break all of your code. Use jQuery.noConflict().

comment:4 Changed 9 years ago by ruquois.fabrice@…

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 9 years ago by dmethvin

Milestone: 1.7
Note: See TracTickets for help on using tickets.