jQuery 函数 onclick (span class） 来自 jquery datepicker

jquery function onclick (span class) from jquery datepicker

本文关键字：来自 jquery datepicker class span 函数 onclick jQuery      更新时间：2023-09-26
嗨，jquery

伙计们，我有一个来自 jqueryui.com/datepicker/的jquery日期选择器。现在我想为其添加一些自定义功能。第一个问题，如果我输入页面的源代码，我看不到打印的jquery代码。只有当我检查元素（在歌剧中）时，我才能看到打印的 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>

点击时此功能如何工作？

你的选择器错了

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

在

另一个具有类 ui-icon 的元素中查找具有类 ui-icon-circle-triangle-e 的元素。

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

用

$("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");
});

您没有正确调用它，它需要：

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

你在jquery的两个类之间做了一个空白而不是一个点。

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

如果您直接在元素上附加事件，则最好关闭和打开使用。

干杯！！

相关文章：