jQuery.load不在Chrome和IE中加载

Question

At first, jQuery loads correctly in localhost(XAMPP) but it doesn't load anything when opened on ftp (using FileZilla to upload to ftp).

Update (edited) : It works correctly only in Firefox. The symptom that firefox has different from other browsers is, it asks multiple permissions to fill ID and password before I can reach the first index site while other ask only 1 time.

Here is my code where it should load.

HTML :

<button onclick="setLayout('layout2.html');">Layout2 F</button>
<div id="layout-grid"></div>

Javascript :

function setLayout(selectedLayout) {
     $("#layout-grid").load("custom/layout/layout2.html");
}

I tried change to .txt and absolute url ftp.77-house.com:2002/custom/layout/layout2.html but still doesn't work. No error is shown in console after all. What am I missing here ? Is it about something get blocked for security or something in addition blocking it from loading external ftp ?

Thank you in advice ! Hope you can help my first time using ftp.

Answer 1

It looks like it's a path/url problem.

Try this:

$("#layout-grid").load("http://yoursite/custom/layout/layout1.html");

Answer 2

There might be couple things you need to check. First make sure your url is correct. Second, check CHMOD for files that you want to access. Somehow, they might be restricted.Set permissions correctly then you will be fine