[jQuery] Re: Cloning list items in OL screws up numbering in IE

Thanks Rick, I'll check that out.

Meanwhile, my own testing has uncovered a possible cause, and it's an
odd one. If I comment out this line:

$("#materialol li:last").hide().fadeIn("fast");

The list items are numbered correctly!

Curiouser and curiouser......

Regards,
Michael Price

Rick Faircloth wrote:
> Hi, Michael...
>
> I was having a similar problem cloning image inputs
> and found this solution for that problem, which might
> also be modified to solve your li cloning problem.
>
> In the notes, it basically says that not all modern
> browsers (IE, I think is the problem here) updates
> the values of cloned elements. So this fellow, Ben Nadel,
> developed a word-around:
>
> Here's the link...
>
> http://www.bennadel.com/blog/1375-Ask-Ben-Dynamically-Adding-File-Upload-Fields-To-A-Form-Using-jQue
> ry.htm
>
> Rick
>
>
>
>> -----Original Message-----
>> From: jquery-en@googlegroups.com [mailto:jquery-en@googlegroups.com] On Behalf Of Michael Price
>> Sent: Wednesday, January 28, 2009 7:10 AM
>> To: jquery-en@googlegroups.com
>> Subject: [jQuery] Cloning list items in OL screws up numbering in IE
>>
>>
>> Hi all,
>> I've got an ordered list <OL> with 5 list items. Each list item contains
>> an input and the list is, as you would expect, numbered from 1 to 5.
>> There is a link to add another item to this list which I have bound the
>> following function to:
>>
>> $("#materialadd").click(function() {
>> $("#materialol li:last").clone().appendTo("#materialol");
>> $("#materialol li:last").hide().fadeIn("fast");
>>
>> return false;
>> });
>>
>> #materialol is the list - the last item is cloned and appended to the
>> end of the list, then hidden and faded in so the user can spot the change.
>>
>> In Firefox, this works perfectly, and the list numbering is continued.
>> Click it once, and the next item is 6, then 7, then 8.......
>>
>> In IE...... not so much. IE 6 and 7 both execute the cloning and
>> addition process but the list items numbers of the cloned + added items
>> are 1. So you end up with a list numbered 1, 2, 3, 4, 5, 1, 1, 1, 1, 1.....
>>
>> Is there another way for me to do what I'm doing that will work properly
>> in IE as well as FF?
>>
>> I'm using jQ 1.2.6 by the way.
>>
>> Regards,
>> Michael Price