Question

我有一个HTML页面： -

<ul class="nav nav-tabs">
                       <li class="active"><a data-toggle="tab" href="#Info">Info</a></li>
                       <li><a data-toggle="tab" id="ViewTable" href="#view">View Details</a>
                    </ul>

我的Jquery代码是： -

$("#ViewTable").on('click', function (e) {
                 $('.modal-footer .btn-danger').prop("disabled", true);
               });

我的上述代码无效，有人可以告诉我原因吗？

Answer 1

试试这个

  $(document).on('click', "#ViewTable", function (e) {
      $('.btn-danger').prop("disabled", true);
  });

或者像

  $("#ViewTable").click(function (e) {
      $('.btn-danger').prop("disabled", true);
  });

有关jQuery.on

的更多信息

已更新：我们使用document，这是一个包含整个DOM的父元素。我们将事件绑定到父元素document，然后在我们想要的#ViewTable树中选择正确的DOM元素。此方法对动态创建的DOM元素很有用。

单击jquery选择器不起作用

1 个答案: