-3

左側にナビゲーション ペインがあるフットボールの Web サイトを作成しています。タブの 1 つをクリックすると、対応するビデオが表示されます (できれば JavaScript を使用)。これを同じhtmlファイルで実行したいので、リロードする必要はありません。

ナビゲーション バーのコードは次のとおりです。

    <div class="highlights"><a><p>MATCH HIGHLIGHTS</p></a> </div>

        <a href="#"><div class="win">
            <div class="match"><p>Cardiff</p></div>
            <div class="score"><p>1-2</p></div>   
        </div></a> 
        <a href="#"><div class="loss">
            <div class="match"><p>Everton</p></div>
            <div class="score"><p>3-2</p></div>   
        </div></a> 
        <a href="#"><div class="win">
            <div class="match"><p>Leeds</p></div>
            <div class="score"><p>2-0</p></div>   
        </div></a> 
        <a href="#"><div class="loss">
            <div class="match"><p>Hull</p></div>
            <div class="score"><p>2-3</p></div>   
        </div></a>

そして、コンテンツはこのdiv内に入ります:

<div id="content">      content goes here        </div>
4

2 に答える 2

0

次のような各ハイパーリンクで onclick 関数を作成します。

<a href="javascript:;" onclick="showGoals(1);"><div class="win">
            <div class="match"><p>Cardiff</p></div>
            <div class="score"><p>1-2</p></div>   
        </div></a> 


function showGoals(matchId) {
$.ajax({
success : fumction (data) {
$('#content').val(data);
}
});
return false;
}
于 2013-10-13T16:28:01.607 に答える
0

jQuery について読むことをお勧めします。太字や強調などを追加できるように、HTML コンテンツを変更するための参考資料を次に示します。jQuery の.html. .textあなたも働きたいかもしれません。

于 2013-10-13T16:25:47.363 に答える