javascript - 在日期选择器上按下箭头

Question

我的网站上有一个日期选择器，我试图在日期选择器本身上按下任一箭头时显示一条消息。日期选择的左箭头如下:

    <a class="ui-datepicker-prev ui-corner-all" data-handler="prev" data-event="click" title="Prev"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>

但是当我这样使用 javascript 时，

    $('.ui-icon ui-icon-circle-triangle-w').click(function(){
        alert('here');
    });

什么都没发生

我做错了吗？我该如何解决这个问题？

我通过以下方式解决了这个问题，

    $('.ui-icon.ui-icon-circle-triangle-w').click(function(){
        alert('here');
    });

现在只对一次点击起作用，点击后的类是

    <a class="ui-datepicker-prev ui-corner-all" data-handler="prev" data-event="click" title="Prev"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>

我怎样才能让它适用于该类的所有点击？

我有一个日历点击检查，它适用于所有点击:

    $('#calendar').click(function(){
        console.log(new Date());
    }

但是我的箭头点击只能用一次

Answer 1

您的 .click() 函数不起作用的原因是因为在 DOM 中存在您想要的选择器之前调用代码，因此无法应用任何处理程序。

使用 (document).on("click", "yourSelectorHere", function(){//do stuff});关于动态创建/编辑的内容。