2012-07-31 51 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