Jquery clone with true does not clone custom events

Asked Mar 29 '14 at 14:04

Active Mar 29 '14 at 14:48

Viewed 95 times

I am cloning a select element which trigger a custom event "combobox".

when I clone the select element, custom events are not cloned.

<select id="country">
    <option value="Australia">Australia</otpion>
    <option value="China">China</otpion>
    <option value="Russia">Russia</otpion>
</select>

$('#country').change(function() {
         $(this).trigger($.Event('combochange'));
});     
$('#country').bind('combochange',function() {
         alert($(this).val());
          var clone = $(this).clone(true);
          clone.appendTo('body');
          clone.change();
});

Jsfiddle

edited Mar 29 '14 at 14:48

asked Mar 29 '14 at 14:04

B L Praveen

1,812
4
35
60

you should provide a jsfiddle which replicates your issue – A. Wolff Mar 29 '14 at 14:09
I have edited the question. I know that select clone true doesnot clone the status, But what about the custom events – B L Praveen Mar 29 '14 at 14:35
`clone.appendTO` ??? Fix that and it should work – A. Wolff Mar 29 '14 at 14:38
Oh! I made a mistake. I change it to appendTo – B L Praveen Mar 29 '14 at 14:48
But then what is your issue??? EDIT: i see your are cloning element but not changing ID, IDs must be unique on document context – A. Wolff Mar 29 '14 at 14:52
It does not somehow work in my system. Custom Event is not triggered when I clone the select – B L Praveen Mar 29 '14 at 14:56
It should but like i said, IDs must be unique. Check your jsFiddle, you should see that custom event for cloned elements works as expected – A. Wolff Mar 29 '14 at 14:59

Jquery clone with true does not clone custom events

0 Answers0