jQuery的負載不工作，重定向，而不是更新

我的HTML代碼來設置一個div內容：

<head> 
    <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script> 
</head> 

<body> 
<a href="dashboard.html">dashboard</a> 
<a href="basic-info.html">basic-info</a> 
<div id="content"></div> 


<script src="scripts/links.js" type="text/javascript"></script> 
</body> 
</html>

我的JS代碼：

//inside of links.js 
// JavaScript Document 
$(document).ready(function() { 
    $('#content').load("dashboard.html"); 
});

來源

2015-05-19 Andres M

這應該工作。你是否點擊了''將內容轉換爲'div'？ –

我的目標是獲得可點擊的鏈接：單擊時更新內容。 load（）仍然不起作用。現在我想要使用dashboard.html來更新#content，這就是上面的內容。要回答你的問題 - 不，b/c我只想在這一點加載內容 –

*現在我想加載更新#content使用dashboard.html *：然後上述應該工作。檢查'dashboard.html'的路徑。試試'/ dashboard.html' –

你需要一個事件偵聽器綁定到的鏈接，還需要防止DEFA ult的操作如下：

$(document).ready(function() { 
    $('a').on('click', function(e) { 
     e.preventDefault();//prevents following the link 
     $('#content').load(this.href); 
    }); 
});

來源

2015-05-19 16:07:45 PeterKA

您正在點擊指向另一個文件的鏈接，以便瀏覽器嘗試重定向到此文件。

您需要防止鏈接的默認行爲，並將其用作JS觸發器以使用Ajax加載內容。

$('a').click(function(event) { 
    event.preventDefault(); 
    var url = $(this).attr('href'); 

    $('#content').load(url); 
    return false; 
});

來源

2015-05-19 16:10:36

你如何在'content'中加載（'dashboard.html'）？我只想將dashboard.html內容加載到#content div中 –

jQuery的負載不工作，重定向，而不是更新

回答

相關問題