0

これが私がやろうとしていることです：

2つの列。1つは記事（リンク）のリストで、右側にはウィンドウがあります。

各リンクは独自のページにつながるので、記事の右側の数行のウィンドウに表示して、それが何であるかを理解できるかどうかを確認したいと思います。

理想的には、ユーザーがリンクにカーソルを合わせると、javascript/jQueryがファイルを検索して表示します。

現在、リンクは機能しており、ホバーすると、ページ自体にすでに設定したテキストが表示されます。したがって、マウスオーバーの表示は機能します。ホバー中に動的にデータをロードする方法があるかどうかを知る必要があります。

リンクの内容を示すツールチップの形でフォーラムや電子メールで同様のことが行われているのを見てきました。

詳細については、記事は同じページであり、各記事は独自のファイルであり、「/？id=C1」およびphpを介して貼り付けられます。

これは私が今働いているということです：リンク：

<a onMouseOver="changeText('La canción verde', 'C1.php')" 
href="?id=C1" alt="La canción verde" title="La canción verde" >
1. La canción verde</a>

機能、宣伝文句が表示されるdivは「descripciondecuentos」です。

<script>
function changeText(msg, documento)
{ document.getElementById("descripciondecuentos").innerHTML=msg; }
</script>

完璧な世界、この関数は「documento」で何かを行い、「descripciondecuentos」を変更します。ページの読み込み中にこれらのファイルをすべて読み込むのが賢明かどうかはわかりません。ページが肥大化するだけだからです。

4

2 に答える 2

1

jQuery のload()関数を調べてみてください。

例えば：

$("a.fetchContent").hover(function() {
    var newLoadedHtml = $(this).attr("href");

    $("#sectionContainer").fadeOut("fast")
        .load(newLoadedHtml + " #content")
        .fadeIn("slow");
});

そしてあなたのHTML：

<ul>
<li>
  <a class="fetchContent"  href="includes/Pages1.html" title="Pages 1">Pages 1</a>
</li>
<li>
  <a class="fetchContent"  href="includes/Pages2.html" title="Pages 2">Pages 2</a>
</li>
<li>
  <a class="fetchContent"  href="includes/Pages3.html" title="Pages 3">Pages 3</a>
</li>
<li>
  <a class="fetchContent"  href="includes/Pages4.html" title="Pages 4">Pages 4</a>
</li>
</ul>

リンクの href は、次のような HTML ファイル (または php ファイル) への相対パスである必要がありますincludes/Pages1.html。load 関数を使用すると、呼び出しているページの一部のみを読み込むことができます ( + " #content")。

于 2012-07-01T08:26:38.713 に答える
0

次のように、リンクでjqueryのマウスオーバー機能を使用できます。

$('#link').mouseover(function() {
});

また、動的にロードするには、その関数内で ajax を使用できます。

$.ajax({
  url: "Your text Url"
}).done(function ( data ) {
  display the data
});

ajax の詳細: http://api.jquery.com/jQuery.ajax/

于 2012-07-01T08:28:08.553 に答える