2014-01-26 46 views
0

我目前正在使用此网站:http://wonzentest.wonzen.dk 事情是,我的菜单是通过JavaScript动态创建的,检查页面的文件夹并将它们填充到数组中。Javascript菜单不能正确显示所有页面

虽然这工作顺利,但有1个问题。

在我的首页上,有一个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> 
+0

的的onclick如果你不知道什么代码

  • 的onclick发布它意味着你没有正确调试你的代码并隔离了问题部分。 – PeeHaa

  • +0

    这就是我在这里写作的原因。我已经浏览了代码,了解了我的能力。但是,调试微小的错误并不是我的强项。 我会适当地只是我们 - 写菜单,使首页按钮刷新整个页面=问题解决了,但在这种情况下,这不够好 – MNDevelopments

    +1

    嗯,我很抱歉地说。但调试是开发最重要的方面之一。 – PeeHaa

    回答

    0

    不知道这是最好的做法。但是,试图在一个单独的功能附加jQuery的滑动的代码,当调用它,

    1. 文档准备好回家
    2. 标志
    +0

    事情是,当我单击徽标时它工作正常,并且它已设置为document.ready。 我将如何去告诉它唯一的时候,首页菜单被按下,然后加载它? 我不希望它在每次点击菜单时加载它,并且由于菜单是动态创建的,我不知道如何去做这件事。 – MNDevelopments