大家好,jquery 的 friend 们,我有一个来自 jqueryui.com/datepicker/ 的 jquery datepicker。现在我想为其添加一些自定义功能。 第一个问题,如果我输入页面的源代码,我看不到打印的 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");
});
关于javascript - jquery datepicker 中的 jquery 函数 onclick (span 类),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19008528/