2

我在 php 的“包含”中遇到了关于 javascript .hide() 和 .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 的 include walkin 时,我意识到该.show()函数的保留有效。

简而言之,这两个包含基本上与.show().

4

2 回答 2

0

可能在包含 php 文件之后,可能有一些echo语句没有以正确的格式回显 html 并导致 html 垃圾。

检查源代码或在浏览器中检查页面(F12在 Chrome 中按/在 firefox 中按Ctrl+ )。U检查相关的 div 是否符合预期。

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

于 2012-09-26T07:23:57.373 回答
0

对于初学者来说,您似乎需要添加 return false; 到onclick的末尾如下:

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

如果没有看到这两个包含,我最好的猜测是您在两个包含文件之一中有 HTML 错误;缺少结束标签等

问候,凯文

于 2012-09-26T07:28:37.083 回答