Utiliser l'image d'arrière-plan div comme lien en utilisant jQuery

Question

Je mets un logo comme l'image d'arrière-plan dans un div

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

Je veux l'utiliser comme div comme un lien en utilisant jquery

// Code jQuery

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

ni ce que le cursor:pointer ne montrent jusqu'à ce que le travail de lien, toutes les idées.

Merci Jean

Answer 1

Assurez-vous que vous enveloppez votre code dans ready handler comme ceci:

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

Answer 2

utilisation,

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

au lieu de

window.location = "index.php" 

et au lieu de .bind, il suffit d'utiliser .cliquez événement.

Answer 3

Vous n'avez pas besoin de jQuery/JavaScript pour cela, utilisez simplement HTML et 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

ressemble vous manque un point-virgule après « index.php »

Answer 5

Inscrivez votre gestionnaire d'événements click dans le gestionnaire d'événements ready comme suit, et il fonctionnera:

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

En ce qui concerne votre problème CSS, je l'ai testé avec Google Chrome (5.0.375.125), Opera (10.60) et Internet Explorer (8.0), et le curseur est affiché correctement.

Answer 6

ajouter display:block; à votre css

voir un exemple de travail ici

http://jsfiddle.net/4ceK4/