Jssor slider - How do I destroy and recreate Jssor slider with different content

Question

I\'m trying to use Jssor slider to show different HTML content depending on selected category and its subcategory. I successfully created content slider for one subcategory,

Answer 1

I had the same requirement and after some head scratching got it to work (for my requirements at least).

Using .remove() method removes the selected element(s) and its child elements. Which removed all the slide markup inside this element.

As such when calling this, I needed to create and populate the basic child elements (again) and append to the container. $("#slider1_container").append(theOriginalHtmlMarkup).

Having done this I was able to repopulate the slider with the newly fetched data.