2012-02-07 54 views
1

我建立了我的WordPress的Javascript菜单的onclick不起作用

http://www.ogormanconstruction.co.uk/

创建了一个网站展开/折叠菜单一旦你点击任何华里的网址发生改变,但页面不似乎刷新,以显示正确的内容

我不是太熟悉JavaScript,所以我想知道我怎么能做出这样的效果工作

<script type='text/javascript' src="/wp-content/themes/child/scripts/jquery-1.6.2.min.js"></script> 
<script type='text/javascript' src="/wp-content/themes/child/scripts/jMaster.js"></script> 
<script type='text/javascript' src="/wp-content/themes/child/scripts/supersleight.plugin.js"></script> 
<script type="text/javascript" src="/wp-content/themes/child/scripts/hashchange.js"></script> 
<script type="text/javascript" src="/wp-content/themes/child/scripts/actions.js"></script> 
<script type="text/javascript" src="/wp-content/themes/child/scripts/tinyscroll.js"></script> 

<script type="text/javascript"> 
//<![CDATA[ 
var theForm = document.forms['aspnetForm']; 
if (!theForm) { 
    theForm = document.aspnetForm; 
} 
function __doPostBack(eventTarget, eventArgument) { 
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) { 
     theForm.__EVENTTARGET.value = eventTarget; 
     theForm.__EVENTARGUMENT.value = eventArgument; 
     theForm.submit(); 
    } 
} 
//]]> 
</script> 
</head> 

<body <?php body_class(); ?>> 

<div id="header"> 
      <ul id="nav"> 
       <li class="clearfix"> 
        <div class="clearfix"> 
         <div id="menuNav"><a href="#" class="openNav">Menu</a></div> 
         <ul class='clearfix'><li><strong>O'Gorman Construction Ltd</strong><ul class='clearfix'><li><a href='/about-us'>About Us</a><li><a href='/contact'>Contact</a></li></li><li><a href='/work'>Work</a></li><li><a href='/recruitment'>Recruitment</a></li></ul></li><li><strong>Services</strong><ul class='clearfix'><li><a href='/site-logistics'>Labour Supply</a></li><li><a href='/waste-management'>Drainage</a></li><li><a href='/security-services'>Fencing</a></li><li><a href='/traffic-management'>Demolition</a></li></ul></li><li><strong>&nbsp;</strong><ul><li><a href='/multi-service-gangs'>Ground Works</a></li><li><a href='/facilities-accomodation'>Multiservice Gangs</a></li><li><a href='/small-works-maintenance'>Engineering</a></li><li><a href='/catering-services'>Water Treatment</a></li></ul></li></ul> 
        </div> 
        </div> 
       </li> 
      </ul> 
      <a href="/" id="logo"></a> 
     </div> 

<h2>Work</h2> 
<div class="leftCol"> 
<div class="rightCol gallery"> 
    <ul id="homeGallery"> 
<li id="prevControl"><a href="#">Previous</a></li> 
     <li id="galleryItems"> 

        <ul> 

        <li> 
         <div class="galleryImage"><img src='/wp-content/themes/child/images/1.jpg' /></div> 
         <div class="galleryText"><div class="leftCol noborder" style="text-align: left;"><strong>Project I</strong></div></div> 
        </li> 

        <li> 
         <div class="galleryImage"><img src='/wp-content/themes/child/images/2.jpg' /></div> 
         <div class="galleryText"><div class="leftCol noborder" style="text-align: left;"><strong>Project II</strong></div></div> 
        </li> 

        <li> 
         <div class="galleryImage"><img src='/wp-content/themes/child/images/4.jpg' /></div> 
         <div class="galleryText"><div class="leftCol noborder" style="text-align: left;"><strong>Project III</strong></div></div> 
        </li> 

        </ul> 

     </li> 

<li id="nextControl"><a href="#">Next</a></li> 
     <li id="copyright">&copy; O'Gorman Construction Ltd</li> 
    </ul> 
</div> 
</div> 


    <div id="main"> 
+0

其他页面上是否有内容? – 2012-02-08 00:00:45

回答

1

它看起来像它与$(window).hashchange();您在

$(document).ready(function() 

我认为这是导致所有在你的页面的链接添加一个哈希,而不是重定向到另一个网址呼吁。

例如,如果你将鼠标悬停在“工作”的链接,你可以看到它应该转到左下角的网址:

http://www.ogormanconstruction.co.uk/work

但是,当你点击它,所有出现这种情况是URL更改为:

http://www.ogormanconstruction.co.uk/#/work

,它实际上并不重定向你。

是Wordpress的hashchange部分,还是你添加的东西?

+0

这是我添加的内容。我如何禁用它? – user1096057 2012-02-08 09:55:44

+0

我想你只是摆脱$(窗口).hashchange();但我不是100%肯定的。如果这不起作用,那么只需要去掉hashchange文件,你就可以从javascript错误中看到它被使用的地方,以及你需要摆脱它的地方。 – 2012-02-08 14:21:37