JQuery - 可点击的 div - 绝对初学者 [重复]

Question

我希望我的整个 DIV 可以点击，在网上查找一些解决方案，包括下面的解决方案……但无法达到预期的结果..

这是我包含在我的 HTML 文件头中的脚本。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>    

<script>
$(".clickable").click(function() {
var href = $(this).attr("data-href");
window.location.href = href;
 });
</script>

还有我的 DIV 代码：

    <div class="my_account_container">
    <span class="my_account_title">Collections

    <div class="my_account_sub_container clickable" data-href="http://www.google.com">
        <span class="my_account_sub_container_title">My subscriptions</span>
    <div class="my_account_counts_container">
        <span class="my_account_counts_text">12</span>
    </div>

</div>

但我不能让它工作！在此先感谢您的帮助我

Answer 1

将 $("clickable") 更改为 $(".clickable")

$('#clickable') 将等于 id='clickable'

$('.clickable') 将等于 class='clickable'

试试

  $(function(){
      $(".clickable").click(function () {
           var href = $(this).attr("data-href");
           window.location.href = href;
      });
  });