Side navigation
#5829 closed bug (fixed)
Opened January 15, 2010 09:06PM UTC
Closed February 13, 2010 08:14AM UTC
Last modified March 14, 2012 12:09AM UTC
appendTo broken in IE6
Reported by: | DCameronMauch | Owned by: | |
---|---|---|---|
Priority: | major | Milestone: | 1.4.2 |
Component: | manipulation | Version: | 1.4.1 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
$('select#left option:selected').remove().appendTo('select#right');
works in 1.3.2 with FF and IE6
with 1.4, still works with FF, but only appends first option with IE6
Attachments (0)
Change History (6)
Changed January 15, 2010 09:06PM UTC by comment:1
Changed January 20, 2010 02:51AM UTC by comment:2
I'm seeing the same issue in IE 6, 7, and 8 with jQuery 1.4. I tried using the following code ($newItems is a group of <li>s, and $col is a <ul>):
$newItems.appendTo($col);
However, as stated above, this only brought over the first <li>. Doing it this way works perfectly as expected:
$col.append($newItems);
Changed January 20, 2010 02:53AM UTC by comment:3
Also worth noting... both my example and DCameronMauch's are using appendTo() following a remove(). Perhaps that could help narrow down the possibilities.
Changed January 26, 2010 07:28PM UTC by comment:4
Still broken with jQuery 1.4.1. I use this method alot, so I can't switch until this is fixed... Is this not a serious enough bug for someone to at least look at?
Changed January 28, 2010 07:04PM UTC by comment:5
Verified - Issue only occurs when preceeded with remove().
Changed February 13, 2010 08:14AM UTC by comment:6
component: | core → manipulation |
---|---|
milestone: | 1.4 → 1.4.2 |
resolution: | → fixed |
status: | new → closed |
version: | 1.4 → 1.4.1 |
<html>
<head>
<script src="jquery.js"
type="text/javascript">
</script>
<script>
$(document).ready(function(){
$('select#right').hide();
$('input#hide').click(function(){
$('select#left option:odd').remove().appendTo('select#right');
});
$('input#show').click(function(){
$('select#right option').remove().appendTo('select#left');
});
});
</script>
</head>
<body>
<select id="left"
multiple
size="6">
<option value="0">
Bird
</option>
<option value="1">
Cat
</option>
<option value="2">
Dog
</option>
<option value="3">
Horse
</option>
<option value="4">
Snake
</option>
<option value="5">
Zebra
</option>
</select>
<select id="right"
multiple
size="6">
</select>
<br>
<input id="hide"
type="button"
value="hide">
<input id="show"
type="button"
value="show">
</body>
</html>