jquery - jquery .load，从加载的内容内部调用

Question

我使用 .load 将内容加载到 div 中，然后我想加载从第一个加载的内容内部调用的新内容..

我还让一个 nivo 滑块从加载的内容内部运行，所以目前它看起来像这样

google.setOnLoadCallback(function() {
    $("#pegasus-tile, #o-w").click(function(){
        $("#proj-content").load("projects/pegasus.html", function(){
            <div id="slider" class="nivoSlider"></div>      
            $('#slider').nivoSlider();
        });
    });
});

我相信它应该看起来像这样......

google.setOnLoadCallback(function() {
    $("#pegasus-tile, #o-w").click(function(){
        $("#proj-content").load("projects/pegasus.html", function(){

            <div id="slider" class="nivoSlider"></div>
            $('#slider').nivoSlider(),

            $("#close").click(function(){
                $("#proj-content").load("projects/blank.html");
            });
        });
    });
});

...但我就是不能让它太有用，任何帮助都非常感谢

Answer 1

要使用 jQuery 向页面添加 div，您需要执行以下操作：

$('<div id="slider" class="nivoSlider"></div>').appendTo($('body'));

替换$('body')为您添加的任何选择器或 jQuery 对象div。

您不能只将 HTML 放在 javascript 中。这可能会被忽略，具体取决于您定义 javascript 的位置，但它无效，并且没有按照您的想法进行。

google.setOnLoadCallback(function() {
    $("#pegasus-tile, #o-w").click(function(){
        $("#proj-content").load("projects/pegasus.html", function(){

            $('<div id="slider" class="nivoSlider"></div>').appendTo('#proj-sontent');
            $('#slider').nivoSlider(),

            $("#close").click(function(){
                $("#proj-content").load("projects/blank.html");
            });
        });
    });
});