使用使用jQuery

爲紐帶的div背景圖片我已經把一個標誌作爲背景圖像在一個div使用使用jQuery

<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也沒有顯示，也沒有鏈接工作，任何想法。

感謝讓

來源

2010-08-03 X10nD

待辦事項你有任何進一步的信息問題？使用你的例子，它適用於我 - 無論是在IE和Firefox的光標和鏈接。您的jQuery庫是否在頁面上正確引用？ – CraigTP 2010-08-03 07:52:06

這應該工作，[演示]（http://jsfiddle.net/W3c5V/） – Reigel 2010-08-03 07:53:45

我正在使用鉻 – X10nD 2010-08-03 07:56:23

確保你包你的代碼ready handler這樣的：

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

來源

2010-08-03 07:52:33 Sarfraz

任何特定的原因，通常這就是我寫的代碼 – X10nD 2010-08-03 07:57:28

@Jean：你需要指定將你的代碼包裝在就緒處理程序中，以便當DOM變成準備就緒後，您的代碼應該可以在例如點擊標誌時運行。更多信息：http：//api.jquery。com/ready/ – Sarfraz 2010-08-03 08:03:20

我不明白，你的代碼與我的代碼有什麼不同 – X10nD 2010-08-03 08:08:07

使用，

window.location = "index.php"

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

代替和代替.bind，只需使用。點擊事件。

來源

2010-08-03 07:49:16 Manie

你不需要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 */ 
}

來源

2010-08-03 07:51:07

看起來像你「的index.php」後缺少一個分號

來源

2010-08-03 07:51:48 Adrian

分號現在不是問題..;） – Reigel 2010-08-03 07:56:03

註冊您的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）對它進行了測試，光標顯示正確。

來源

2010-08-03 07:52:28

添加display:block;到你的CSS

看到這裏的工作示例

http://jsfiddle.net/4ceK4/

來源

2010-08-03 07:55:01 Starx

div已經是一個阻塞的元素） – Reigel 2010-08-03 07:57:35

我知道，但它工作時，我把它，奇怪 – Starx 2010-08-03 08:03:16

是的！並且在我移除它時仍然在工作。 – Reigel 2010-08-03 08:07:03

使用使用jQuery

回答

相關問題