jQuery沒有將文本內容加載到div元素中

Question

我有這個腳本。盡我所能想到的那樣簡單。

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("a.textlink").click(function() { 
       $("#WritingContent").load(this.attr("href")) 
      }); 
     }); 
</script> 

與此鏈接：

<a href="Writings/test.txt" class="textlink">test</a>（以及其他類似的鏈接一串）

它應該到文本文件的內容裝載到指定的DIV是不是？當我點擊該鏈接時，發生的一切就是打開文本文件。它不會將其加載到div中。

究竟怎麼回事就在這裏是我的未格式化的.txt文件的轉換，我要做到以下幾點：

• 包裹的第一行<h2>標籤
• 包裹每個後續段落<p>標籤
• 將結果輸出到#WritingContent DIV

還是很新的jQuery的。一直未能研究解決方案。

Answer 1

我注意到你的代碼中有兩個問題。如評論中所述，點擊鏈接將打開該鏈接。

以及由阿迪爾提到的，你可以鏈接的href通過使用JQuery ATTR

$("#loadText").attr("href");

或DOM ATTR

var a = document.getElementById("loadText"); 
a.href; 

訪問其次，以防止該頁面的答案之一打開文件/重定向到文件，一種方法是更改​​鏈接的href屬性並將實際文件地址添加到您自己選擇的不同屬性。

//now href will not redirect your page to anywhere, it will just append some text to the url.  
<a href="#loadText" addref="Writings/test.txt" class="textlink">test</a> 

$(document).ready(function() { 
    $("a.textlink").click(function() { 
     $("#WritingContent").load($(this).attr("addref")) //accessing addref instead of href 
    }); 
}); 

另一種方法是保持聯繫，因爲它與它的原始HREF但防止轉向/打開的鏈接點擊

$(document).ready(function() { 
    $("a.textlink").click(function (e) { 
     e.preventDefault();//here we prevent the link from doing it's what it was meant to do, linking! 
     $("#WritingContent").load($(this).attr("href")) 
    }); 
});