懸停選擇顯示隱藏物品

我想設置一個類似於奔馳加拿大的選擇菜單，當你選擇一輛汽車，並有更多的一個身體選項。（http://www.mercedes-benz.ca/content/canada/mpc/mpc_canada_website/en/home_mpc/passengercars.flash.skipintro.html）。懸停選擇顯示隱藏物品

我在這裏創建了它http://jsfiddle.net/sofew/db2BF/3/我想將鼠標懸停在coupe標題上，信息和圖片將更改爲coupe列表項。

我試過各種形式的jquery，但我似乎無法按照我希望的方式工作。有人能指出我正確的方向嗎？

來源

2012-08-03 SoFEW

如果你想要一個菜單出現在你徘徊的元素上，你需要使用AJAX。您可以使用jQuery中的load（）方法來填充選定的元素，並返回AJAX查詢的返回值。

這意味着你只需要一個隱藏的元素，並且當onhover事件被觸發時div被清除，填充AJAX數據並顯示。您只需要將ID或車輛名稱傳遞給接受AJAX查詢的方法，以便它可以返回相關數據。

如果你指定你的服務器端語言，我可能會給你一個更具體的例子，如果你不熟悉AJAX調用。

編輯：

Ajax是很容易的事！所有Ajax都會調用Web服務器上的函數，然後將該調用的結果放在頁面的某個位置，而無需重新加載頁面本身。如果你在Linux上並使用PHP，那麼讓我們想象你想在你的頁面上顯示當前的服務器時間。你可以做這樣的函數...

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

然後創建id爲「時間」網頁上的一個div。然後，所有你需要做的就是在你的jQuery，請使用以下電話：

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

而當以往任何時候都給予事件處理程序被觸發，你的時間格將更新爲包含當前服務器時間。一個簡單的例子，但是如果你創建了一個以汽車ID作爲參數的函數，就可以獲得汽車上的所有信息，並將其格式化爲漂亮的HTML，然後返回，你就可以得到解決方案。

來源

2012-08-03 22:05:12

我不熟悉Ajax調用，我們使用的是Linux服務器。 – SoFEW 2012-08-03 22:18:38

不知道如果這可能是複雜的，我希望實現。儘管我對AJAX一無所知，但事實並非如此。我想這是盤旋在調出隱藏的信息代替所示的情況，並留到您選擇的其他項目的列表項。 – SoFEW 2012-08-03 22:56:19

編輯幫助你嗎？ – 2012-08-04 06:37:08

我做了一個你可以用的東西的演示：http://jsfiddle.net/DFXZn/22/。

我建議使用$ .ajax來獲取內容。訪問這裏瞭解阿賈克斯電話：http://api.jquery.com/category/ajax/。讓我知道這是否有幫助。快樂的編碼！

來源

2012-08-03 23:00:37 Dom

我會嘗試使用ajax來調用我需要的東西。謝謝你的幫助Dom。 – SoFEW 2012-08-07 21:39:48

@SoFEW肯定的事情！讓我知道是否有任何需要幫助的東西。如果你不習慣，Ajax可能會有點混亂。 – Dom 2012-08-07 23:08:05

懸停選擇顯示隱藏物品

回答

相關問題