Question

我在div中将徽标作为背景图片

<div id="logo" style="background-image:url(images/logo.jpg); position:absolute; top:20px; left:18%; width:275px; height:100px; cursor:pointer;"></div>

我想将此作为div使用jquery

作为链接

// jQuery代码

$('#logo').bind('click',function() {
window.location = "index.php"
});

cursor:pointer也不显示，链接也不起作用，任何想法。

由于让

Answer 1

在click事件处理程序中注册ready事件处理程序，如下所示，它将起作用：

$(document).ready(function() {
    $("#logo").click(function() {
        window.location = "index.php";
    });
});

关于您的CSS问题，我使用Google Chrome（5.0.375.125），Opera（10.60）和Internet Explorer（8.0）对其进行了测试，并且光标显示正确。

Answer 2

确保将代码包装在 ready handler 中，如下所示：

$(function(){
  $('#logo').bind('click',function() {
    window.location = "index.php"
  });
});

Answer 3

将display:block;添加到您的css

在这里查看一个工作示例

http://jsfiddle.net/4ceK4/

Answer 4

使用，

 window.location.replace("index.php")

而不是

 window.location = "index.php"

而不是.bind，只需使用.click事件。

Answer 5

您不需要jQuery / JavaScript，只需使用HTML和CSS。

<a href="index.php" id="logo">Blabla</a>

#logo {
 display: block;
 background-image: url(img/foo.png);
 text-indent: -9999em;
 overflow: hidden;
 width: 300px; /* width of image goes here */
 height: 300px; /* height of image goes here */
}

Answer 6

看起来你在“index.php”之后缺少一个分号

使用div背景图像作为链接使用jQuery

6 个答案: