2

我在使用插件 WooCommerce Bookings 定位 jQuery ui-datepicker 中的元素时遇到问题。

每次我使用 JavaScript 定位它时，它都会返回 null，因此无法执行 EventListener。

但是，如果我针对 jQuery ui-datepicker 之外的任何内容，我实际上可以执行使用 JS 和 jQuery 创建的事件。

这是我第一次遇到这样的事情，我发现它非常不寻常。

我用两个片段来测试它是否可以识别元素：

jQuery('.hasDatepicker').on('click', function() {
        alert('hi');
});


function showVolunteers() {
        alert("hi");
}

document.querySelector(".hasDatepicker").addEventListener('click', showVolunteers);

这是日期选择器的 HTML 的 JS 小提琴：https ://jsfiddle.net/e5dnru0e/3/

datepicker 嵌套在我可以定位的字段集中，所以我想也许我可以尝试使用 jQuery('fieldset div.ui-datepicker') 但这也不起作用。

为了三重检查我使用了正确的选择器，我尝试使用一些 CSS，并且 CSS 工作得很好，所以我的选择器没有问题。

是否有可能以某种方式限制 jQuery 在此日期选择器中使用。

任何帮助或建议将不胜感激。

4

1 回答 1

2

当您为任何 DOM 元素注册事件时，它应该在注册时出现在 DOM 中。

如果是动态控件（在 DOM 就绪事件后注入到 DOM），您可以使用以下 jquery 语法来注册事件。

$(document).on('click','.ui-datepicker', function() {
        alert('hi');
});

上面的代码附加了点击事件document（它总是出现在 Document ready 上）。函数的第二个参数on是[selector]ie。.ui-datepicker

代替document，您可以在注册事件时将要呈现的任何其他 DOM 元素上附加单击事件。

IE 

$('.datepicker-container').on('click','.ui-datepicker', function() {
            alert('hi');
    });
于 2018-03-21T14:40:51.173 回答