Question

我目前正在使用此网站：http://wonzentest.wonzen.dk 问题是，我的菜单是通过javascript动态创建的，检查页面的文件夹并将它们填充到数组中。

尽管这很顺利，但有一个问题。

在我的首页上，有一个javascript幻灯片，它也完美无缺，直到我将菜单从纯PHP更改为javascript。

现在每当您按下菜单中的首页链接时，javascript幻灯片显示都不显示图像，当您按下链接时，其行为类似于幻灯片分布的尺寸和布局。

如果您刷新，或按徽标，脚本将再次正常工作。

有没有人知道错误可能在哪里？我会根据要求上传我的不同代码文件，我不确定你是否想看。

Javacsript菜单：http://pastebin.com/uyppaDYS

这是我的首页.php：

<head>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="../js/bjqs-1.3.min.js"></script>
<script class="secret-source">
    jQuery(document).ready(function($) {

      $('#banner-slide').bjqs({
        animtype      : 'slide',
        height        : 480,
        width         : 960,
        responsive    : true,
        randomstart   : true,
        nexttext : '<div class="hovernavright"><img src="../Images/leftarrow.png" style="width: 40px; height: 40px;" /></div>',
        prevtext : '<div class="hovernavleft"><img src="../Images/rightarrow.png" style="width: 40px; height: 40px;" /></div>',
        usecaptions : true,
        automatic : true
      });

    });
  </script>

  <style>
  #content {
      background-color: transparent;

  }
  </style>
</head>

和

<div id="banner-slide">

   <ul class="bjqs">
    <li><img src="../Images/HQ/Wonzenmad.jpg" title="Wonzen" /></li>
      <li><img src="../Images/HQ/Wonzenmad.jpg" title="Velkommen til Wonzen!" /></li>
      <li><img src="../Images/HQ/Wonzenmad1.jpg" title="Wonzen - Krydrer din hverdag!"></li>
      <li><img src="../Images/HQ/wonzenmad3.jpg" title="Wonzen - Krydrer din hverdag!"></li>
      <li><img src="../Images/HQ/Wonzenmad2.jpg" title="Wonzen - Krydrer din hverdag!"></li>
      <li><img src="../Images/HQ/wonzenmad4.jpg" title="Wonzen - Krydrer din hverdag!"></li>
      <li><img src="../Images/HQ/wonzenmad5.jpg" title="Wonzen - Krydrer din hverdag!"></li>
      <li><img src="../Images/HQ/wonzenmad6.jpg" title="Wonzen - Krydrer din hverdag!"></li>
      <li><img src="../Images/HQ/wonzenmad7.jpg" title="Wonzen - Krydrer din hverdag!"></li>
      <li><img src="../Images/HQ/wonzenmad8.jpg" title="Wonzen - Krydrer din hverdag!"></li>
      <li><img src="../Images/HQ/wonzenmad9.jpg" title="Wonzen - Krydrer din hverdag!"></li>
      <li><img src="../Images/HQ/wonzenmad10.jpg" title="Wonzen - Krydrer din hverdag!"></li>
    </ul>
  </div>



<div id="frontpagetext">
 <h2>Alle skal have råd til kvalitet</h2>
 <hr class="toplineff" />
 <hr class="bottomlineff" />
 <p>Vi støtter alle studerende med 15% rabat på hele vores menukort ved fremvisning af studiekort</p>
</div>

Answer 1

不确定这是最佳做法。但是尝试在单独的函数中添加jQuery滑动代码，并在

时调用它

文件准备就绪
onclick of home
onclick of logo

Javascript菜单无法正确显示所有页面

1 个答案: