Jquery Code适用于Firefox，但不适用于Chrome和Opera。

Question

我想知道此代码不会在Chrome中触发。它在Firefox中的预期工作。

$("#filter-price :checkbox").on("click", function() {
  $("#product-results").empty();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ol class="items" id="filter-price">
  <li class="item ">
    <label>
                  <input type="checkbox" value="0-20"><span>$0 - $20 <span class="count"></span>  </span>
                   </label>
  </li>
  <li class="item ">
    <label>
               <input type="checkbox" value="20-50"><span>$20 - $50 <span class="count"></span>  </span>
              </label>
  </li>
</ol>

Answer 1

您的JavaScript在HTML元素input:checkbox之前执行

将您的JavaScript包装到文档中。dready：

$(function() {
    console.log('Register click event on:', $("#filter-price :checkbox"));
    $("#filter-price :checkbox").on("click", function() {
      console.log('Click event recognized', {checkbox: $(this) elToEmpty: $("#product-results")});
      $("#product-results").empty();
    });
});