Thanks for all the replies. I appreciate when a support forum is
actually useful.
Believe it or not, I think Victor is right, 1.2.6 definitely doesn't
work with prototype. In particular something in prototype's
effects.js library is causing jQuery to act up. This is the test I
performed:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://
www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
<title>Test Page</title>
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/prototype.js"></script>
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/effects.js"></script>
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/builder.js"></script>
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/dragdrop.js"></script>
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/portal.js"></script>
<script type="text/javascript" language="JavaScript" src="includes/
jquery/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" language="JavaScript">
jQuery.noConflict();
jQuery(document).ready(function() {
alert(jQuery('#tabs td').html());
});
</script>
</head>
<body>
This is a test page.
<table id="tabs" style="border: solid black 1px;">
<tr>
<td>This is a table cell on the test page.</td>
<td>This is another table cell.</td>
</tr>
</table>
Done.
</body>
</html>
The above page shows an alert with "undefined" on load. If I comment
the effects.js line, the page shows an alert with "This is a table
cell on the test page." as expected.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://
www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
<title>Test Page</title>
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/prototype.js"></script>
<!--
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/effects.js"></script>
-->
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/builder.js"></script>
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/dragdrop.js"></script>
<script type="text/javascript" language="JavaScript" src="includes/
prototype-portal/portal.js"></script>
<script type="text/javascript" language="JavaScript" src="includes/
jquery/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" language="JavaScript">
jQuery.noConflict();
jQuery(document).ready(function() {
alert(jQuery('#tabs td').html());
});
</script>
</head>
<body>
This is a test page.
<table id="tabs" style="border: solid black 1px;">
<tr>
<td>This is a table cell on the test page.</td>
<td>This is another table cell.</td>
</tr>
</table>
Done.
</body>
</html>
It's weird because if I have the alert as
alert(jQuery('#tabs').html()); it works, but others like
alert(jQuery('body').html()); don't.
Again, it is unfortunate that I'm stuck using prototype for now, but
that's the situation. Any ideas on how to get jQuery to work again?
Thanks,
Kape
On May 28, 3:18 am, "John Resig" <[EMAIL PROTECTED]> wrote:
> Victor: That shouldn't be the case (if you're using noConflict). Note
> that the code he presented worked with 1.2.3.
>
> --John
>
> On Wed, May 28, 2008 at 4:41 AM, Victor <[EMAIL PROTECTED]> wrote:
>
> > Kape:
>
> > Just read your post again. You are using prototype. I believe that it
> > conflicts with 1.2.5 and 1.2.6.
>
> > Victor
>
> > On May 27, 5:26 pm, kape <[EMAIL PROTECTED]> wrote:
> >> OK, I'm sure that someone would have mentioned that the latest
> >> releases don't work, so that can't be it. It's obvious that I'm
> >> missing something.
>
> >> I've been using jQuery 1.2.3 for months now, and today I wanted to use
> >> the ui.slider plugin which requires offsetWidth() which is not in
> >> 1.2.3. So I figured I'd just download the latest release, i.e. 1.2.6
> >> and be done with it. I did just that, but when I ran my app, there
> >> were a whole bunch of JS errors. I figured that's to be expected, my
> >> code isn't perfect. So I started debuging them. So far, I'm still
> >> trying to debug the very first one.
>
> >> I have something as simple as:
>
> >> jQuery(document).ready(function() {
> >> alert(jQuery('body').html());
>
> >> });
>
> >> If I use 1.2.3 everything works and onLoad I get the html of the body
> >> element. If I change the one line to 1.2.5 or 1.2.6, I get an alert
> >> with "undefined". The reason I'm using jQuery() instead of $() is
> >> that I am also using prototype for their portal plugin. I wish I
> >> wasn't but the jQuery verion just isn't cutting it yet. And yes, I
> >> have the jQuery.noConflict(); line first in my JS code.
>
> >> So, what am I missing? Do I need to download any other file besides
> >> jquery-1.2.5.pack.js for example? Are the new releases not working
> >> with prototype? Are they using different syntax? I mean, I assume
> >> that if the new releases would have such drastic changes, they
> >> wouldn't be 1.2.6 they would be 2.0.
>
> >> Anyway, hopefully someone can point out whatever it is that I'm
> >> missing here.
>
> >> Thanks,
>
> >> Kape
