0

好的，所以我有一个链接列表，当您将它们悬停时，光标附近会显示一个“弹出”div。jQuery 然后根据 anchors 中的查询值在该 div 中加载图像href。

我正在尝试使用类似于数组的内容制作一个纯文本文件，该文件将包含一两个描述有关该链接/图像的信息。我已经尝试过使用.match()and.split()并且使用 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>    ​

然后我的普通 .txt 文件看起来像这样

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
4

1 回答 1

1

怎么样

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

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

文本文件中的最后一行必须是空行，否则最后一个文件将不匹配。

于 2012-07-31T22:08:52.100 回答