0

私はあなたが車を選ぶときメルセデスベンツカナダが持っているものと同様のメニュー選択を設定しようとしています、そしてそれは複数のボディオプションがあります。（http://www.mercedes-benz.ca/content/canada/mpc/mpc_canada_website/en/home_mpc/passengercars.flash.skipintro.html）。

ここで作成しましたhttp://jsfiddle.net/sofew/db2BF/3/ クーペのタイトルにカーソルを合わせると、情報と写真がクーペのリスト項目に変わります。

さまざまな形式のjqueryを試しましたが、期待どおりに機能しないようです。誰かが私を正しい方向に向けることができますか？

4

2 に答える 2

1

ホバーしている要素に基づいてメニューを表示する場合は、AJAXを使用する必要があります。jQueryのload（）メソッドを使用して、選択した要素にAJAXクエリの戻り値を入力できます。

これが意味するのは、必要な非表示要素は1つだけであり、onhoverイベントが発生すると、divがクリアされ、AJAXデータが入力されてから表示されます。関連するデータを返すことができるように、AJAXクエリを受け入れるメソッドに車両のIDまたは名前のいずれかを渡す必要があります。

サーバー側の言語を指定すると、AJAX呼び出しに慣れていない場合に、より具体的な例を示すことができるかもしれません。

編集：

Ajaxは本当に簡単です！Ajaxが行うのは、Webサーバー上の関数を呼び出し、その呼び出しの結果を取得して、ページ自体をリロードせずにページのどこかに配置することだけです。Linuxを使用していてPHPを使用している場合は、現在のサーバー時刻をページに表示したいとします。あなたはこのような関数を作ることができます...

public function WhatTimeIsIt()
{
    return time();
}

次に、IDが「time」のdivをページに作成します。次に、jQueryで行う必要があるのは、次の呼び出しを使用することだけです。

[event handler] {
    $('#time').load([path to the WhatTimeIsIt() function]);
}

そして、その特定のイベントハンドラーが起動されると、timedivが更新されて現在のサーバー時刻が含まれます。ちょっとした例ですが、車のIDをパラメーターとして受け取る関数を作成し、車のすべての情報を取得して、それを素敵なHTMLにフォーマットし、それを返すと、解決策が得られます。

于 2012-08-03T22:05:12.763 に答える
0

使用できるもののデモを作成しました：http：//jsfiddle.net/DFXZn/22/。

$.ajaxを使用してコンテンツを取得することをお勧めします。ajax呼び出しについては、http：//api.jquery.com/category/ajax/にアクセスしてください。これが役立つかどうか教えてください。ハッピーコーディング！

于 2012-08-03T23:00:37.773 に答える