The element that I cloned,function doesnt work included in cloned element

Question

          if(itemCode == currentHotelCode) {
            $('.search-map__item > div').html($(this).clone());
            $('.search-map__item .search-item-slider').slick('reinit');
          }

i want to reinit slick slider because position changed but that returns error undefined.

Uncaught TypeError: Cannot read property 'reinit' of undefined something like that.

You may need to clone with dataAndEvents and most likely deep. Read the documentation: https://api.jquery.com/clone/ — AtheistP3ace, Jun 13 '17 at 14:09
Possible duplicate of https://stackoverflow.com/questions/9549643/jquery-clone-not-cloning-event-bindings-even-with-on — Frank Modica, Jun 13 '17 at 14:09

Musa · Answer 1 · 2017-06-13T14:17:22.657

1

Use append to add a dom element to another one, html takes actual html string.

$('.search-map__item > div').empty().append($(this).clone(true, true));

edited Jun 13 '17 at 14:17

answered Jun 13 '17 at 14:08

Musa

96,336
17
118
137

Try: `$('.search-map__item > div').empty().append($(this).clone(true, true));` – AtheistP3ace Jun 13 '17 at 14:12
1

@AtheistP3ace that makes sense since its trying to reinitialize – Musa Jun 13 '17 at 14:17

The element that I cloned,function doesnt work included in cloned element

1 Answers1