0

わかりましたので、リンクのリストがあり、それらにカーソルを合わせると、カーソルの近くに「ポップアップ」div が表示されます。jQuery は、アンカー内のクエリの値に基づいて、その div 内に画像を読み込みますhref。

そのリンク/画像に関する情報を説明する1つか2つの文を保持する配列に似たプレーンテキストファイルを作成しようとしています。私は使用.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>    ​

そして、私のプレーンな.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 に答える