jquery .load, вызываемый изнутри загруженного контента - PullRequest
Новая
       32

jquery .load, вызываемый изнутри загруженного контента

0 голосов
/ 20 марта 2012

Я использую .load для загрузки контента в div, затем я хотел бы загрузить новый контент, вызываемый из 1-го загруженного контента.

У меня также есть бегунок 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");
            });
        });
    });
});

... но я просто не могу заставить это работать, любая помощь высоко ценится

1 Ответ

1 голос
/ 20 марта 2012

Чтобы добавить div на страницу с помощью jQuery, вы должны сделать следующее: 

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