使用jQuery的加載方法將內容加載到div

我試圖使用jQuery's load方法將內容加載到從外部html files到我的頁面的div中。最初，我的div rightcontent中沒有內容，並且當用戶單擊某些鏈接時，文本會自動加載到該div中。使用jQuery的加載方法將內容加載到div

看看這些內容摘要：

在我的網頁：

<div id="rightcontent"> 
</div>

同一Web頁面還包含這樣的鏈接：

<a class="myajaxreq" href="pages/abc.html">Link I</a><br> 
<a class="myajaxreq" href="pages/pqr.html">Link II</a>

外部JavaScript文件包含這些代碼：

$('.myajaxreq').click(function() { 
var myhref=$(this).attr('href'); 
$('#rightcontent').load(myhref); 

return false; 
});

當我檢查我的javascript調用是否正在使用alert(myhref)正確，它工作正常。但是，沒有內容被加載到div中。在這裏幫助我！

來源

2012-11-21 OneMoreError

你看過調試器嗎？查看請求是否已啓動併成功？ – BiAiB

我嘗試使用'alert（myhref）'腳本，並且對話框顯示正確的鏈接。但是，該鏈接的內容未成功加載到div中。 – OneMoreError

您必須查看調試器的網絡標籤（chrome和firebug有一個）才能查看是否發送了HTTP請求，以及它是否成功。另外，您可以將回調傳遞給$（）。load（）以查看它何時完成。你可以挖掘load（）的jquery文檔以獲取關於該文件的信息。 – BiAiB

你測試本地或服務器上的代碼？ AJAX請求在本地不起作用。

將其上傳到服務器（並將所有內容放在正確的子目錄中），它應該可以正常工作。

來源

2012-11-21 17:20:38 Blazemonger

使用

$('#rightcontent').text(myhref);

的

$('#rightcontent').load(myhref);

來源

2012-11-21 17:02:04

但是加載被調用的文件名，例如'pages/abc.html'或' pages/pqr.html'放入div中，而不是頁面中的內容。 – OneMoreError

instaed嘗試使用

$(".myajaxreq").click(function(){ 

    $.get($(this).attr("href"), function(page){ 

     $("#rightcontent").html(page); 

    }) 
    return false; 
})

來源

2012-11-21 17:16:11 BernaMariano

不起作用！ – OneMoreError

@CSSS你可以使用PHP嗎？嘗試使用PHP的服務器端，如：<？php include（「pages/abc.html」）; ？> – BernaMariano

我對PHP不太好，但是我有過使用它的經驗。我如何使用PHP來完成上述操作？它不會提供任何動畫或效果！ – OneMoreError

使用jQuery的加載方法將內容加載到div

回答

相關問題