jQuery的加載函數在本地不起作用

Question

當窗口寬度小於600px時，我必須在現有div中加載HTML文件。

代碼是：

<head>
<script>
    $(document).ready(function(){
        if($(window).width() < 600) {
           $("#testing_div").load("C:/Users/elena/Desktop/Demo/prova.html");
        }
    });
</script>
</head>
<body>
    <div id="testing_div"> </div>
</body>

我已經在我的網站上測試了這個代碼並且它可以工作，但也許我做錯了讓它在本地工作。

有沒有理由說load功能不能在本地工作，而只能在Web服務器上工作？

Answer 1

原因是安全。 通過file:// protocol運行網頁已禁用許多功能，因為存在安全問題。 您可以通過Node.js在javascript中創建一個Web服務器，您可以在本地擁有一個Web服務器，而無需安裝apache或類似的東西。

Node.js網頁：

https://nodejs.org/en/

Answer 2

我有兩種方法可以快速解決它。

1 - 您可以在Google Chrome上下載“Allow-Control-Allow-Origin”擴展程序。

2 - 您可以安裝wamp程序，wamp將模擬本地Web服務器。 在這種情況下，您將使用以下命令訪問您的頁面：“localhost / name_of_the_page.html”

jQuery的加載函數在本地不起作用

問題描述

2 個解決方案

解決方案1
4 已采納 2015-11-12 09:58:16

解決方案2
-1 2015-11-12 10:04:37

jQuery的加載函數在本地不起作用

問題描述

2 個解決方案

解決方案1 4 已采納 2015-11-12 09:58:16

解決方案2 -1 2015-11-12 10:04:37

解決方案1
4 已采納 2015-11-12 09:58:16

解決方案2
-1 2015-11-12 10:04:37