Hi Karl, and thank you for your reply.
This didn't really work -- unless I missed something important on the
way.
I was reading "Learning jQuery" and it says that .clone() doesn't copy
the events related to the cloned items (which I need). It suggested to
use copyEvents.js So, I have that script linked and I checked:
http://www.learningjquery.com/2007/01/copy-events-from-one-element-to-another
but... I still don't get it to work. What is my mistake???
My code now says:
...
$(document).ready(function() {
$('#orderform').find('.options').hide();
$('#add').one('click', function() {
$('.product-template').copyEventsTo('#orderform
.product-
template');
return false;
});
...
Any ideas???
Thanks,
Elle
On May 2, 12:44 am, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> Hi Elle,
>
> Here are a few thoughts.
>
> Your code:
>
> > $("#add").click(function() {
> > $(".product-template").clone().appendTo(".product-template:last-
> > child");
> > });
>
> - Do you have this inside a document.ready?
>
> $(document).ready(function() {
> $("#add").click(function() {
> $(".product-template").clone().appendTo(".product-template:last-
> child");
> });
>
> });
>
> - To clone the events along with the DOM elements you can
> do .clone(true) instead of .clone()
>
> - The problem with the click not working could have to do with the
> ":last-child" part. I'd change it to ":last" and also change the
> insertion method from .appendTo() to .insertAfter()
>
> - Probably a good idea to only clone the first .product-template each
> time.
>
> Try something like this:
>
> $(document).ready(function() {
> $("#add").click(function() {
> $("div.product-template:first").clone(true).insertAfter("div.product-
> template:last");
> });
>
> });
>
> Hope that points you in the right direction.
>
> --Karl
> _________________
> Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> On May 1, 2008, at 1:53 AM, Waz and Elle wrote:
>
>
>
> > Hi,
>
> > I'm new to jquery and went over quite a few tutorials -- some work
> > great for me, with no problems at all. But I'm having trouble with
> > the .clone() method.
> > I am trying to build an order form, and have a button#add, which when
> > clicked I want it to add another div.product-template (that includes a
> > select list, options, quantity and add to cart button).
> > So, my code says:
>
> >http://pastie.caboo.se/189769
>
> > but... when I click on the button#add, once nothing happens, second
> > time it adds the .product-template but any functions I had attached to
> > the select list don't work. third click gets rid of my
> > second .product-
> > template.
>
> > In my document I have:
> > .... snip ...
> > div#orderform
> > form
> > button#add
> > fieldset#step1
> > div.product-template
> > .... rest of options come here
> > fieldset#step2
> > .... snip ...
>
> > Would anyone know how to correct this?
>
> > TIA,
> > Elle
