2012-09-26 36 views
2

我有一个问题,有关JavaScript .hide()和.show()在“包含”的PHP。
这是很难解释,但我会显示代码。2在PHP中包含冲突.show()

这是我toogle_div.js

function toggleWalkin() { 
    $('#walk_in').show(500); 
    $('#reservation').hide(500); 
} 

function toggleReservation() { 
    $('#reservation').show(500); 
    $('#walk_in').hide(500); 
} 

这里是我的ToggleMenu()

function toggleMenu(){ 
var overlay = document.getElementById('overlay'); 
var specialBox = document.getElementById('contentbox'); 
overlay.style.opacity = .8; 
if(overlay.style.display == "block"){ 
    overlay.style.display = "none"; 
    specialBox.style.display = "none"; 
} else { 
    overlay.style.display = "block"; 
    specialBox.style.display = "block"; 
} 

}

这里是我的html代码: //按钮来触发显示和隐藏的div

<a href="#" onclick="toggleMenu();">Walk-in</a> 
<a href="#" onclick="toggleMenu();">Reservation</a> 

//内容,其中信息将显示

     <div id="button-header"> 
         <ul> 
          <li onmousedown="toggleWalkin();">Walk-in</li> 
          <li onmousedown="toggleReservation();">Reservation</li> 
          <li>Seminar Conference Schedule</li> 
          <li>Guest Ledger</li> 
          <li>Guest Database</li> 
          <li>Unavailable Rooms</li> 
          <li>Report Generation</li> 
         </ul> 
        </div> 
<div id="content"> 
<div id="walk_in"> 
Walk in 
<?php include "includes/navigation/walkin.php"; ?> 
</div> 
<div id="reservation"> 
<?php include "includes/navigation/reservation.php"; ?> 
    </div> 
</div> 

所以基本上,每当我点击Walk-in.show()功能工作。但是,如果我点击Reservation,则.show()函数将不起作用。 我意识到,当我删除了包括步行的php 保留.show()函数工作。

总之,这2个包括基本相冲突的.show()

+0

什么toggleMenu()实际上呢? – vusan

+1

我们可以看到toogleMenu功能吗? – artragis

+1

我很惊讶Walkin会通过toggleMenu()函数来切换。 – hjpotter92

回答

0

对于初学者来说,它看起来像你需要添加返回false;到的onclick的末尾,如下所示:

<?php 
<a href="#" onclick="toggleMenu(); return false;">Walk-in</a> 

我最好的猜测W/O看到两个包含的是,你在这两个文件中包含一个具有HTML错误;缺少结束标记等

问候, 凯文

+0

傻我,是的。花了我近5个小时来确定错误。意识到这一点,它在包含文件上!谢谢:)) –

+0

没问题,很高兴我可以帮忙。 – Kevin

0

可能在包含php文件后,可能会有一些echo语句不以正确的格式回显html,并导致html被无用化。

检查源或检查浏览器的页面(按F12在Chrome/按Ctrl +ü火狐)。检查有关div是否如预期的那样。

此外,检查您收到的任何其他js错误。