0

.load を使用して (クリックすると) nivo スライダーと小さなテキストをページ上部の空の div に読み込みます。すべて正常に動作しますが、ロードすると、フッターの下に空のスライダー div もロードされます。ページに最大高さを指定することでこれを非表示にすることができますが、これの原因を突き止めたいと思います。

問題のページはnew.pudle.co.ukです。ピンク色のタイルの 1 つをクリックすると、スライダーが読み込まれ、同時に空の div が下部に配置されます。

私が使用しているjsは

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

        $('<div id="slider" class="nivoSlider"></div>').appendTo($('body'));
        $('#slider').nivoSlider({effect: 'sliceUpDown'}),

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


        $("#next-pegasus").click(function(){
        $("#proj-content").load("projects/bgapp.html");


            }); 
        });
    });
  });
});
4

2 に答える 2

1

私はあなたがラインを必要としないと思います

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

あなたが持っているcos

<div id="slider" class="nivoSlider">
<img src="images/projects/pegasus property/1.png" width="490" height="400" />
<img src="images/projects/pegasus property/2.png" width="490" height="400" />
</div><!--slider close-->

でprojects/pegasus.html、したがって2つのスライダーが表示され、jqueryによって追加されたスライダーが下部にあります。

このcosを追加しましたか？nivoSliderはそれなしでは機能しませんでしたか？

またgoogle.setOnLoadCallback(function() {、すべてのピンクのボックスにがあります...これはあまり保守できないことが判明する可能性があります（現時点ではテストしているだけだと思いますが、最初に「正しく」する方が良いでしょう。おそらく共通点を追加してくださいピンクの各ボックスにクラス分けし、そのIDを使用してロードするコンテンツを決定します。

于 2012-04-11T11:53:33.297 に答える
0

それが

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

します..それは体の下部にスライダーを追加します..

何を期待していましたか？（ああ、クリックごとに1つ追加します。。）

于 2012-04-11T11:43:45.787 に答える