Question

我有这个jquery代码，我想加载内容，然后触发插件。有人可以帮助我，因为它不起作用，我不够精通自我调试!!

$(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

您需要在回调函数（第二个参数）中添加代码：

$(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 }); });
  });
});

请求完成时执行回调函数。

Answer 2

我想说，在回调中加载它：

$('#scoop-container ul').load('/test.html', function(){
    //do the carouFredSel stuff
});

Answer 3

将函数调用放在.load()。

的回调中

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

见这里：http://api.jquery.com/load/。大多数jQuery函数都是这样的 - 它们有一个名为callback的参数，您可以编写一个完整函数，以便在前一个函数完成时执行。你也可以嵌套它们 - 非常方便，但是对于所有那些缩进来说它看起来很混乱。

Answer 4

('/test.html');

我怀疑路径是问题所在。将斜杠添加到前面部分将使您的应用程序在站点的根目录中搜索该文件。检查路径是否正确。我检查了函数调用，这应该没问题。

在jquery插件之前调用内容

4 个答案: