2013-03-19 57 views
0

我是jQuery的新手,並開始使用AJAX加載函數,出於某種原因,我無法讓它工作,我嘗試了許多不同的形式(使用.php等)並最終通過了我嘗試的第一個。我從單獨的.html文件加載我的內容,並使用此文件中的單個div作爲AJAX插入到我的主內容div的錨點。AJAX負載函數的問題

頭:

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="core.js"></script> 

導航:

<div id="leftnav"> 
    <p class="leftnavtext"> 
     <a class="navlinks" id="about2" href="#">ABOUT</a> <br> 
     <a class="navlinks" id="process2" href="#">PROCESS</a> <br> 
    </p> 
</div> 

的Javascript:

$(document).ready(function(){ 
    $("about2").click(function(){ 
    $("#content").load("content.html #about"); 
    }); 
}); 

我的目標是將其加載到DIV顯然是#content,目前我只是嘗試這種方法用一個單一的鏈接來嘗試並使其工作。

感謝您提前提供任何幫助。

+3

是一個偶然的錯字? 「約2」應該是「#約2」 – Ohgodwhy 2013-03-19 21:14:12

+0

道歉,這是一個錯字,但它並沒有使該功能工作。 – CrookedCartoon 2013-03-19 21:27:33

回答

0

負荷僅僅是AJAX的包裝,這樣你就可以做,而不是你這個點擊功能的內...

$.ajax({ 
    type: "POST", 
    url: "content.html"}) 
    .done(function(data) { 
     var $about = $(data).filter("#leftnav").children('#about2').html();  
     console.log($about); 
     $('#content').html($about); 
    }); 
}); 

你從你的外部文件中到一個特定的ID過濾你的方式。

+0

感謝您的幫助,但用這個帖子函數替換load函數似乎也沒有辦法。我想知道這個問題是否存在於具有類和id的鏈接中。 – CrookedCartoon 2013-03-19 21:31:36

+0

你獲得控制檯什麼信息? – blackhawk 2013-03-19 21:34:40

+0

XMLHttpRequest無法加載file:///Users/student/Desktop/CROOKED%20CARTOON/Website/content.html。 Access-Control-Allow-Origin不允許Origin null。 print2.html:1 有什麼用? – CrookedCartoon 2013-03-19 21:38:32