將HTML頁面加載到DIV中無法正常工作

Question

我的代碼已經擁有，或者我的代碼很明顯，我看不到。

這里的問題是第一個鏈接不會加載外部HTML，但是第二個鏈接會加載。 令我感到奇怪的是，當我在本地運行代碼時，兩個鏈接都可以正常工作，但是當我將其發布到網絡上時，只有第二個鏈接可以工作，但是，在兩種情況下，console.log輸出都是相同的，因此我知道函數被調用，傳遞了正確的值，並且if語句正在正確評估。

另外，我更改了兩個鏈接以加載相同的HTML文件，只是為了確保加載的HTML頁面沒有什么奇怪的地方。

碼：

<!DOCTYPE HTML>
<HTML>
<HEAD>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=0;">

</HEAD>
<BODY>
    <script type="text/javascript" src="jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="jquery.mobile-1.4.5.min.js"></script>
    <script>
        function loadPage(e) {      
            if (e == 1) {
                console.log(e);
                $('.contentDiv').load('pageTwo.html'); 
            }
            else {
                $('.contentDiv').load('pageTwo.html');  
            }
        };
    </script>
    <p> Start Page </p>
    <p>
        <a href="Page1" onclick="loadPage(1)" style="text-decoration:none">Page 1</a>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="Page2" onclick="loadPage(2)" style="text-`enter code here`decoration:none">Page 2</a>
    <div class="contentDiv">
        <p>Content Goes Here</p>
    </div>
</BODY>
</HTML>

pageTwo.html：

<html>
<body>
    <p> This is page Two! </p>
</body>
</html>

那我想念什么呢？

Answer 1

href="page1無法正常工作。

它應該是href="javascript: void(0)" （防止重定向）或類似的東西，它將阻止頁面重定向（ event.preventDefault()將事件對象傳遞給loadPage（1，event））。

<a href="javascript: void(0);" onclick="loadPage(2)" style="text-`enter code here`decoration:none">Page 2</a>

要么，

<a href="Page1" onclick="loadPage(1, event)" style="text-decoration:none">Page 1</a>

function loadPage(e, event ) {

    event.preventDefault();

    if (e == 1) {
        $('.contentDiv').load('pageTwo.html');
    } else {
        $('.contentDiv').load('pageTwo.html');
    }
};

將HTML頁面加載到DIV中無法正常工作

問題描述

1 個解決方案

解決方案1
0 已采納 2015-09-03 01:24:43

將HTML頁面加載到DIV中無法正常工作

問題描述

1 個解決方案

解決方案1 0 已采納 2015-09-03 01:24:43

解決方案1
0 已采納 2015-09-03 01:24:43