jQuery datepicker的jQuery函数onclick（跨度类）

Question

大家好，我有一个来自jqueryui.com/datepicker/的jquery datepicker。 现在，我想向其中添加一些自定义功能。 第一个问题，如果我输入页面的来源，我将看不到打印的jquery代码。 只有当我检查元素（在Opera中）时，我才能看到打印的html。 我希望这不是问题。

当我单击下一步（跨度）按钮时，我想做一些事情。 但是问题是我无法将函数附加到span类。 我尝试了以下方法：

$(document).ready(function () {

$('.ui-icon.ui-icon-circle-triangle-e').click(function(){
window.alert("it works");
});
});

当我检查元素时，将显示以下代码：

   <a class="ui-datepicker-next ui-corner-all ui-state-hover ui-datepicker-next-hover"  data-handler="next" data-event="click" title="Next">ev
  <span class="ui-icon ui-icon-circle-triangle-e">Next</span>
  </a>

单击此功能如何工作？

Answer 1

您选择器有误

.ui-icon ui-icon-circle-triangle-e

查找具有类元素ui-icon-circle-triangle-e与类另一个元件内部ui-icon 。

当您想要选择一个应用了多个类的元素时，需要用句点分隔它们.

采用

$("body").on('click', ".ui-icon.ui-icon-circle-triangle-e",function(){
   window.alert("it works");
});

要不就

$("body").on('click', ".ui-icon",function(){
   window.alert("it works");
});

Answer 2

您没有正确调用它，它必须是：

$('.ui-icon.ui-icon-circle-triangle-e').click(function(){
    alert ('it works');
});

您在jquery中的两个类之间用空格代替了一个点。

Answer 3

$(document).ready(function () {

$('.ui-icon.ui-icon-circle-triangle-e').off('click').on('click',function(){
alert("Working");
});
});

如果将事件直接附加在元素上，则最好使用off和on。

干杯！