可點擊塊指針

Question

// clickable blocks 
$(".product").click(
function() { 
    window.location = $(this).find('a').attr("href").css("cursor", "pointer"); 
    return false; 
}); 

容器可點擊，但光標保持不變。爲什麼不是CSS選擇器工作？

Answer 1

1. 找到所有有聯繫
2. 產品提出一個指針光標
3. 處理Click事件來改變位置

該代碼：

$(".product:has(a[href])") 
    .css("cursor", "pointer") 
    .click(function() 
    { 
     window.location = $("a", this).attr("href"); 
    }); 

Answer 2

「.attr」的返回值是屬性值，而不是jquery對象。

$(".product").click(function() { 
    window.location = $(this).find('a').attr("href"); 
    $(this).find('a').css("cursor", "pointer"); 
    return false; 
}); 

如果你想在「集裝箱」有一個新的光標，那麼也許你想這樣的：

$(".product").click(function() { 
    window.location = $(this).find('a').attr("href"); 
    $(this).css("cursor", "pointer"); 
    return false; 
}); 

Answer 3

你真的要設置在點擊塊光標？在我看來，這樣做你真正想要的，你需要這個來代替：

編輯：好的，考慮到你只需要設置點擊那些包含的一個事件：

$(function() { // or $(document).ready(function() { 
    $(".product").each(function() { 
     if ($(this).has('a')) { 
      $(this).css("cursor", "pointer"); 
      $(this).click(
      function() { 
       window.location = $(this).find('a').attr("href"); 
       return false; 
      }); 
     } 
    }); 
});