Question

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

然而，无法点击链接。光标确实变为指针，我可以看到浏览器左下方的链接，但是当我点击它时没有任何反应。

它确实可以在Firefox中运行，而不是在任何其他浏览器中运行。鼠标右键单击 - ＆gt;在新标签页中打开，但确实有效。

这是我的代码：

<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中检索菜单项别名和标题。

非常感谢你的帮助！

祝你好运，
杰罗姆

Answer 1

我建议使用document.createElement（“IMG”）和document.createElement（“A”）实际创建元素。这是了解元素将被正确创建的最可靠方法。然而，这对我来说似乎不是一个非常实用的方法。你为什么不把图像作为一个开头的链接？为什么悬停状态来回改变呢？作为最后一个，你有没有尝试回应Joomla返回值的内容，以确保你甚至得到回复的内容？框架可以非常 finnickey，因此很难确定出现错误的位置。请告诉我们！

PHP / JavaScript OnMouseOver链接不起作用

1 个答案: