将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