2在javascript .show（）中包含在PHP沖突中

Question

我對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>

因此，基本上，每當我單擊.show() Walk-in ， .show()函數都起作用。 但是，如果單擊“ Reservation ， .show()函數將無法工作。 我意識到當刪除php的.show()時， .show()函數的保留起作用了。

簡而言之，這兩個include基本上與.show()沖突。

Answer 1

可能在包含php文件之后，可能會有一些echo語句未以正確的格式回顯html並導致html亂碼。

檢查來源或在瀏覽器中檢查頁面（在Chrome中按F12 /在Firefox中按Ctrl + U ）。 檢查有關的div是否符合預期。

另外，請檢查您是否遇到其他任何js錯誤。

Answer 2

對於初學者來說，您似乎需要添加return false； 到onclick的末尾，如下所示：

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

我最好的猜測是看不到這兩個包含文件，這是您在兩個包含文件之一中出現了HTML錯誤； 缺少結束標記等。

問候，凱文