网页滚动幻灯片问题，急！

Question

我做的demo；为index.php;点击下面的nav进入另外一页面nav1.php并操作数据库等内容;页面如下：

问题来了，再点击首页返回index.php后；幻灯片蹦了！如图：

以下为index.php幻灯片代码：

<script type="text/javascript" src="js/unslider.js"></script>

<script type="text/javascript">

jQuery(document).ready(function(){

    $('#indexslider').unslider({

speed: 500,               //  The speed to animate each slide (in milliseconds)

delay: 3000,    //  The delay between slide animations (in milliseconds)

complete: function(){}, //  A function that gets called after every slide animation

dots: true,               //  Display dot navigation

keys: true,              //  Enable keyboard (left, right) arrow shortcuts

fluid: false             //  Support responsive design. May break non-responsive designs

     });

});

</script>

<div class="scrollslider" id="indexslider">

       <ul class="scrollsliderul">

         <li><a><img src="image/ScrollSliderImg/1.jpg"></a></li>

         <li><a><img src="image/ScrollSliderImg/2.jpg"></a></li>

         <li><a><img src="image/ScrollSliderImg/3.jpg"></a></li>

         <li><a><img src="image/ScrollSliderImg/2.jpg"></a></li>

       </ul>

      </div>

nav1.php

<form action="CurSelectedPage.php" method="post">

   <div data-role="header" data-position="fixed">

   <a href="index.php" data-role="button">首页</a>

   <h1>请选择食物</h1>

   <input href="#" class="ui-btn-right" data-icon="check" type="submit" value="点击完成">

   </div>

  <div data-role=“content”>

         <div>……</div>

  </div>

</form>

Answer 1

已解决。转页改使用：location.replace (url)