悬停选择显示隐藏物品

我想设置一个类似于奔驰加拿大的选择菜单，当你选择一辆汽车，并有更多的一个身体选项。（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

悬停选择显示隐藏物品

回答

相关问题