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");
            });
        });
    });
});

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

1 个答案: