如何访问此选择器并添加侦听器

时间:2013-06-12 19:23:25

标签: javascript jquery-selectors onclick

这是我的HTML <span class="btn btn-small"><i class="icon-remove"></i></span>

这是我尝试过的,但是当点击我的选择器时,我的断点永远不会在此方法中停止

$('span.btn-small').click(function () {
//run ajax call
// actions
var i;
i = 0;
});

我认为这适用于该选择器,因为它是一个带有btn-small类

的span标签

1 个答案:

答案 0 :(得分:3)

您的选择器应该有效。它会选择类<span>的所有btn-small元素。

这完全取决于代码的执行位置。元素需要准备好/呈现,以便可以找到它并且可以将事件绑定到它。这是通过以下之一完成的:

  • $(document).ready(func)(或$(window).on("load", func)或类似的)
  • 将事件绑定在 HTML中的范围之后(例如<body>的末尾)。这可能是最容易做到的,并且不会阻止HTML被解析/呈现。
  • 事件委托(可能对您的情况不必要,因为它更适用于动态元素)