javascript - Dynamically Load Jquery Slider Images, after Page Loads with Jquery/Ajax -


i using unslider (unslider.com).

it works fine, if have images loaded on page load.

however, want load slider, , fill in slides later, in function gets images ajax call server.

the slider:

<div class="slider">     <ul id="slider-ul">         <li><img id="slider-img-1" class="bjqs-slide-img" src="" alt="" /></li>     </ul> </div> 

the slider gets images ajax call (which have verified calling data correctly, , $.each function (which seems working fine...):

$.each(html.listing.photos, function (i, v) {                     $("#slider-ul").append('<li><img id="slider-img-'+html.listing.data[0].listno+'" class="bjqs-slide-img" src="'+v+'" alt="" /></li>');                 }); 

if use dev tool/inspector in chrome, can see slides populated images correctly. slider broken. assuming because slides loaded after slider code.

any suggestions?


Comments

Popular posts from this blog

authentication - Mongodb revoke acccess to connect test database -

r - Update two sets of radiobuttons reactively - shiny -

ios - Realm over CoreData should I use NSFetchedResultController or a Dictionary? -