如何模拟锚标签悬停并单击div

时间:2012-08-21 11:32:06

标签: jquery

如何使用jquery在div上的另一个网页上启动悬停指针和点击功能?

所以,我的div类是.ei-title

$('.ei-title').click(function() {
   /* load the page 'http://google.com' in the same window */
});

此外,当您将鼠标悬停在div元素上时,它应显示指针

谢谢!

2 个答案:

答案 0 :(得分:2)

$('.ei-title').css('cursor', 'pointer').click(function(event) {
    event.preventDefault();
    event.stopImmediatePropagation();

    window.location = 'http://www.google.com';   
});

虽然css应该移出样式表而不是通过javascript应用。

答案 1 :(得分:2)

我认为您希望div的行为与<a href>相似。如果是这样,这是如何: 光标的CSS:

div.ei-title {
  cursor: pointer;
}

JavaScript的:

$('.ei-title').click(function(){
  location = 'http://www.google.com'
})