The latest releases of jQuery, i.e. 1.2.5 and 1.2.6 do not work in
conjunction with prototype. I particular, the effects.js library of
prototype and something in jQuery are not compatible. Below is an
example of how to reproduce:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://
www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test Page</title>
<script type="text/javascript" src="/prototype/prototype.js"></
script>
<script type="text/javascript" src="/prototype/effects.js"></
script>
<script type="text/javascript" src="/prototype/builder.js"></
script>
<script type="text/javascript" src="/prototype/dragdrop.js"></
script>
<script type="text/javascript" src="/prototype/portal.js"></
script>
<script type="text/javascript" src="/jquery/jquery-1.2.6.js"></
script>
<script type="text/javascript" language="JavaScript">
jQuery.noConflict();
jQuery(document).ready(function() {
alert(jQuery('body').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>
You would expect the above page to show an alert containing the html
of the page on load. Instead, it shows an alert with "undefined".
Kape
