Slider does not work with dynamically generated HTML?? about lbslider HOT 3 CLOSED

I think the problem appears because you generate HTML asynchronously, so you run the lbSlider before the HTML has already generated. You should run lbSlider in callback function after HTML is generated.

from lbslider.

Thank you... Actually I figured out what the issue was..
I was building the HTML snippet dynamically and everytime a tag was generated I would use the append method of the element property of the $widget to build the HTML. THe problem was when appending for example the UL tag, the append method automatically also would add the closing tag as well, and hence the LI elements never ended up being the children of the UL element.
e.g. I was calling this.element.append(htmlSnippet); where to begin with htmlSnippet was "

" and hence the append method would automatically add the "</ul"> before getting to generate the "
• " children.

  The fix is to create the HTML snippet string, in its entirety and then once everything is generated, call the append method to add it to this.element. The UL element is definitely required and it must have LI children for this to work.

from lbslider.

Hey I have same problem.... Please view this..
/// This Is Ajax Dynamic HTML Generation Code////////

jQuery.ajax({
url: "http://ec2-52-21-208-137.compute-1.amazonaws.com:5000/api/v1/mobile/videos/" + catname + "/" + appid,
type: "GET",
data: {
'category': catname
},
dataType: 'json',
success: function(response) {
var cat_name = catname.replace(/\s/g, "_");
console.log(cat_name);
var str = "

/////I have make this code for slider/////
$('#slide_content').slick({
dots: true,
infinite: false,
speed: 300,
slidesToShow: 4,
slidesToScroll: 4,
});

from lbslider.