我创建了一个包含子 anchor 元素的列表项元素。
<ul id="machine-list">
<li>
<a href="gosomewhere">Somewhere</a>
</li>
</ul>
使用 jQuery,我将一个 click
事件绑定(bind)到列表项。当用户单击时,我将获取第一个 anchor 标记的 href 属性并将用户移动到该页面。
虽然这效果很好,但我想模拟悬停在链接上通常具有的相同悬停效果:在状态栏中显示引用的链接。不幸的是 window.status
没有完成它。
$(document).ready(function () {
$('#machine-list > li')
.css('cursor', 'pointer')
.click(
function (e) {
window.location = $(e.target).find('a').attr('href');
})
.mouseover(
function (e) {
window.status = $(e.target).find('a').attr('href');
});
});
.mouseover
中的函数应该是什么样子才能获得所需的效果?上面的代码很糟糕而且很脏,所以任何一般性的反馈也将不胜感激。
最佳答案
出于安全原因,window.status
为 disabled by default在所有主要浏览器中。我知道该链接是 W3Schools,但它清楚地说明了这一点。影响状态栏的唯一方法是让用户将鼠标悬停在您控制其 URL 的链接上。
关于javascript - 将鼠标悬停在父元素上会显示子元素的 href,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4175344/