2012-07-31 55 views
0

好的,我有一個鏈接列表,當你將它們懸停在一個「彈出」div顯示在光標附近。然後jQuery根據查詢的值在錨點href中加載該div內的圖像。用jquery從外部文件中獲取匹配的文本行

我想用一個類似於數組的東西來製作一個純文本文件,該文件將包含一個或兩個描述關於該鏈接/圖像的信息的句子。我已經嘗試使用.match().split(),並且使用拆分有更多的運氣。但仍然無法完成我所需要的。

如果任何人可以給我一個建議,我可能會做什麼錯誤,這將是太棒了!

在此先感謝。

繼承人什麼我jQuery的樣子

$(document).ready(function() { 
$('#pops a').hover(function(a) { 
    var file = $(this).attr("href").match(/page=(.*)/)[1]; 

    $.ajax({ 
     type: "GET", 
     url: "about_links.txt", 
     success: function(msg){ 
      var msgarray = (msg).split(file + " - "); 
      var discr = msgarray["1"]; 

      $('#pop-up').html('<img src="popup/' + file + '.gif" /><br>' + discr); 
     } 
    }); 
    $('#pop-up').show(); 

    return false 
    a.preventDefault(); 
}); 
}); 

而且繼承人什麼我的鏈接看起來像

<div id="pops"> 
<a href="content.asp?page=ns2.6">link 1</a><br> 
<a href="content.asp?page=ns3.8">link 2</a><br> 
<a href="content.asp?page=jp1.0">link 3</a><br> 
<a href="content.asp?page=jp1.0b">link 4</a><br> 
<a href="content.asp?page=jp2.1">link 5</a><br> 
</div> 
<div id="pop-up"></div> ​ 

然後我的純文本文件只是看起來像這樣

ns2.6 - Some rather interesting details about NS 2.6 
ns3.8 - Some rather interesting details about NS 3.8 
jp1.0 - Some interesting details about JP 1.0 
jp1.0b - More interesting details about JP 1.0b 
jp2.1 - Some interesting details about JP 2.1 

回答

1

如何約

var discr = (msg).match(new RegExp(file+' - (.*)\n'))[1]; 

http://jsfiddle.net/mowglisanu/CJpsB/

你在文本文件的最後一行將是一個空行,否則最後一個文件將不匹配。

+0

完美的作品!先生非常感謝您。 – xxstevenxo 2012-07-31 22:10:44