2

我一直在研究一个脚本，以便在悬停时将图像更改为链接。

但是，无法单击该链接。光标确实变成了一个指针，我可以在浏览器的左下方看到链接，但是当我单击它时没有任何反应。

它似乎在 Firefox 中有效，而不是在任何其他浏览器中。鼠标右键-> 在新选项卡中打开，但是确实有效。

这是我的代码：

<script type="text/javascript"><!--
var guesta='<a href="<?php $menu = JSite::getMenu();$alias = $menu->getItem(115)->alias;echo $alias; ?>"><?php $menu = JSite::getMenu();$title = $menu->getItem(115)->title;echo $title; ?></a>';


function guest1(){
document.getElementById('guest1').innerHTML=guesta;
document.getElementById('guest1').style.background ='#01afae';
}
function guest1empty(){
document.getElementById('guest1').innerHTML='<img src="image.png" />';
document.getElementById('guest1').style.background ='#fdfdfd';
}
//-->
</script>
<style type="text/css">
.guest {
    width:70px;
    height:100px;
    background-color: #fdfdfd;
    color: #fdfdfd;
    text-align: center;
}
.guest a:link, .guest a:visited {
    color: #fdfdfd;
    text-decoration: none;
    line-height: 15px;
}
</style>
</head>

<body>
<div id="guest1" class="guest" onMouseOver="guest1()" onMouseOut="guest1empty()"><img src="image.png" /></div>

链接中的 PHP 代码用于从 Joomla 检索菜单项别名和标题。

非常感谢您的帮助！

最好的问候，
杰罗姆

4

1 回答 1

0

我建议实际使用 document.createElement("IMG") 和 document.createElement("A") 创建元素。这是知道元素将被正确创建的最可靠方法。然而，这对我来说似乎不是一个非常实用的方法。为什么您不只是将图像作为链接开始？为什么悬停状态来回改变它？最后，您是否尝试过回显 Joomla 返回值的内容以确保您甚至可以获取内容？框架可能非常复杂，因此很难弄清楚您到底在哪里遇到了错误。让我们知道！

于 2012-10-22T13:03:59.860 回答