Question

I have this jquery code where I want to load content and then trigger a plugin. Can some one please assist me as its not working and I’m not proficient enough to debug myself!!

$(document).ready(function() {
$('#scoop-container ul').load('/test.html');

$("#scoop-container ul").carouFredSel({
    direction: "up",
    height: "variable",
    height: 1000,
    items: {
        start: "random"
    },
    scroll: 1
});
});

Answer 1

You need to add the code in the callback function (second argument):

$(document).ready(function() { 
  $('#scoop-container ul').load('/test.html', function() {
    $("#scoop-container ul").carouFredSel({ direction: "up", height: "variable", height: 1000, items: { start: "random" }, scroll: 1 }); });
  });
});

The callback function is executed when the request completes.