我的DIV沒有進行重定向

Question

http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js

$(".myBox").click(function(){ 

window.location=$(this).attr("http://google.com"); 

return false; 
}); 

div width="200px" height="200px" class="myBox">ggg 
div 

Answer 1

這裏是一個工作示例

http://jsfiddle.net/axqCK/1/

$（函數（）{

$(".myBox").click(function(){ 
     window.location="http://bing.com"; 
     return false; 
    }); 

}）;

請記住，某些網站（例如Google）不允許您在框架內加載。

Answer 2

假設有一個在div你點擊（我想不出一個有效的屬性的一個div元素包含href值，但不管）的屬性：

<!-- the following is an invalid use of a `href` attribute, please never do this --> 
<div class="myBox" href="http://google.com/">http://google.com/</div> 

$(".myBox").click(function(){ 
    var newURL = $(this).attr('href'), 
     newWindow = window.open(newURL, 'newWindowName'); 
    return false; 
}); 

如果您「再使用自定義data-*屬性（你應該，如果你這樣做）：

<div class="myBox" data-href="http://google.com/">http://google.com/</div> 

$(".myBox").click(function(){ 
    var newURL = $(this).data('href'), 
     newWindow = window.open(newURL, 'newWindowName'); 
    return false; 
}); 

如果您使用的是的0​​文本：

<div class="myBox">http://google.com/</div> 

$(".myBox").click(function(){ 
    var newURL = $(this).text().trim(), 
     newWindow = window.open(newURL, 'newWindowName'); 
    return false; 
}); 

你的代碼是不工作的原因是這條線：

window.location = $(this).attr("http://google.com"); 

attr()是一個getter，setter方法或;到得到屬性的值：

window.location = $(this).attr('nameOfAttribute'); 

要設置屬性的值：

window.location = $(this).attr('nameOfAttribute', 'valueOfAttribute'); 

你，在你的代碼，試圖檢索的http://google.com屬性的值;不用說，它不存在。

引用：

• attr()。
• data()。
• text()。
• trim()。