0

我使用 .load 将一个 nivo 滑块和一小段文本加载（单击时）到页面顶部的一个空 div 中。一切正常，但是当它加载时，它还会在页脚下方加载一个空的滑块 div，我可以通过为页面设置一个最大高度来隐藏它，但我想找出是什么原因造成的。

有问题的页面是new.pudle.co.uk如果您单击其中一个粉红色瓷砖，它将打开加载滑块，同时将空 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'));

因为你有

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

in projects/pegasus.html，因此出现了两个滑块，jquery 添加的滑块位于底部。

您是否添加了这个因为 nivoSlider 没有它或其他东西就无法工作？

此外，我注意到您google.setOnLoadCallback(function() {每个粉红色的盒子都有一个...这可能不是很容易维护（好吧，我假设您目前只是在测试，但最好第一次就“正确”。也许添加一个常见的类到每个粉色框，然后使用它的 id 来计算要加载的内容。

于 2012-04-11T11:53:33.297 回答
0

那是什么

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

确实..它在主体底部添加了一个滑块..

你期待什么？（哦，您每次点击都会添加一个..）

于 2012-04-11T11:43:45.787 回答