Bug Tracker

#10330 closed bug (worksforme)

Opened September 22, 2011 12:28PM UTC

Closed September 22, 2011 01:03PM UTC

Last modified September 27, 2011 04:05AM UTC

conflict with prototype.js

Reported by: ruquois.fabrice@orange.fr 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

Attachments (0)
Change History (5)

Changed September 22, 2011 01:03PM UTC by rwaldron comment:1

component: unfiled → core
milestone: None → 1.7
priority: undecided → low
resolution: → worksforme
status: new → closed

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

Changed September 22, 2011 01:16PM UTC by ruquois.fabrice@orange.fr comment:2

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>

Changed September 22, 2011 01:29PM UTC by timmywil comment:3

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

Changed September 22, 2011 01:36PM UTC by ruquois.fabrice@orange.fr comment:4

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>

Changed September 27, 2011 04:05AM UTC by dmethvin comment:5

milestone: 1.7