0

我有一个菜单，其中每个部分显示不同的画廊图像。因此我必须知道我单击了菜单的哪个按钮，因为我必须根据按钮更改图像路径。

<div id="tabcontainer">
  <ul id="tabnav">
    <li><a href="#tabs-1">Monuments</a></li>
    <li><a href="#tabs-2">Bridges</a></li>
    <li><a href="#tabs-3">Gardens</a></li>

例如，如果我单击纪念碑，我必须加载纪念碑图像，如果我单击花园，则必须加载花园图像。

我总是使用 $path 变量，并且我想每次都为其分配不同的路径。

编辑：

我有 3 个路径变量 , ，$path_monumets但最后我只使用了变量 , 。根据我单击的菜单按钮，我希望将值更改为or、等。$path_bridges$path_gardens$path$path$path$path=$path_brige$path=$path_garden

有人可以帮助我吗？也许我的问题很简单，但我无法在互联网上找到如何做到这一点。

谢谢

编辑 2

我写了函数 setPath （我知道返回相同的值，但我想使用一个函数）：

<?php
function setPath($new_path)
{
return new_path;
}
?>

我改变了菜单：

    <li><a href="#tabs-1" onclick="$path=setPath('<? echo $path_monuments; ?>')">Monuments</a></li>
    <li><a href="#tabs-2" onclick="$path=setPath('<? echo $path_bridges; ?>')">Bridges</a></li>
    <li><a href="#tabs-3" onclick="$path=setPath('<? echo $path_gardens; ?>')">Gardens</a></li>

但即便如此，可变路径并没有改变她的价值。有人可以帮助我吗？

4

2 回答 2

2

您也可以将事件移动到您的 javascript，这样您就不必修改标记了。

...
myTabs[i].addEventListener( 'click', function(e) {
...

请参阅此JSFiddle中的代码示例。

于 2013-10-03T18:11:33.977 回答
1

您可以做的是将路径附加到相应的链接：

<div id="tabcontainer">
  <ul id="tabnav">
    <li><a href="#tabs-1" onclick="setPath('<? echo $path1; ?>')">Monuments</a></li>
    <li><a href="#tabs-2" onclick="setPath('<? echo $path2; ?>')">Bridges</a></li>
    <li><a href="#tabs-3" onclick="setPath('<? echo $path3; ?>')">Gardens</a></li>

因此，您将在点击时获得每个链接的路径。那是你要的吗？

于 2013-10-03T17:46:22.837 回答