JQuery Taconite plugin not working in IE9
Hello
I develop a website that relies on the Taconite plugin:
Jquery Taconite Site
The website works in all major browsers IE 6 - 8, Firefox, Chrome and safari. I am using JQuery 1.5.1 and Taconite 3.57 which are both the latest stable releases.
As IE9 has now been offically released I decided to test the website within that browser however some elements of taconite seem to break.
Here is the HTML page i am using for troubleshooting this problem, very basic.
<!DOCTYPE HTML>
<html>
<head>
<script type='text/javascript' src='./JS/Required/jquery-1.5.1.min.js'></script>
<script type='text/javascript' src='./JS/Required/jquery.taconite.3.57.js'></script>
<script type='text/javascript' src='./JS/test.js'></script>
<title>Taconite AJAX Test</title>
</head>
<body>
<div id = 'changeMe'>Change me!</div>
<div id = 'clickMe'>Click to change!</div>
</body>
</html>
Here is test.js, a simple click and .get event.
$(document).ready(function() {
$("#clickMe").click(function() {
$.get('response.php');
});
});
And here is the AJAX response (response.php).
- <?php header('Content-type: text/xml'); ?>
- <taconite>
- <replaceContent select="#changeMe">
- <table>
- <thead><tr><th>Head of Table</th></tr></thead>
- <tbody><tr><td>Body of Table</td></tr></tbody>
- </table>
- </replaceContent>
- </taconite>
I have attached a screenshot of what IE is reporting as an error. Strangely enough this problem only seems to affect <TABLE> tags, not any other tag. I.e. The below AJAX response will work exactly as expected.
- <?php header('Content-type: text/xml'); ?>
- <taconite>
- <replaceContent select="#changeMe">
- <h1>Hello!</h1>
- <p>This is a working response.</p>
- <div>This is a working response in a DIV tag.</div>
- </replaceContent>
- </taconite>
Any help on this would be much appreciated before IE9 becomes a bit mrore mainstream, I would be loathed to abandon taconite as it is such a versatile plugin.