使用使用jQuery

Question

为纽带的div背景图片我已经把一个标志作为背景图像在一个div

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

我想使用jQuery

// jQuery代码以此为DIV为纽带

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

cursor:pointer也没有显示，也没有链接工作，任何想法。

感谢 让

Answer 1

确保你包你的代码ready handler这样的：

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

Answer 2

使用，

window.location = "index.php" 

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

代替和代替.bind，只需使用。点击事件。

Answer 3

你不需要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 4

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

Answer 5

注册您的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 6

添加display:block;到你的CSS

看到这里的工作示例

http://jsfiddle.net/4ceK4/