找不到合适的选择器

Question

我正在尝试让一个类在单击时调用一个函数，但它不起作用。

$('.container_vragen').click(appendContainerVragenToContent_vragen);

使用此代码调用该函数，但我想仅在.container_vragen

中的#geregeld上调用该操作

$('.container_vragen' , '#geregeld').click(appendContainerVragenToContent_vragen);

当我定义.container_vragen位于#geregeld内时，它不会调用函数appendContainerVragenToContent_vragen

什么是正确的选择器？

Answer 1

您在上下文中传递string而不是DOM对象，找到有关选择器和上下文here的更多信息。

更改为

$('.container_vragen' , $('#geregeld')).click(appendContainerVragenToContent_vragen);

或使用descendant selector

 $('#geregeld .container_vragen').click(appendContainerVragenToContent_vragen);

Answer 2

简单的解决方案是使用选择器的强大功能：

$('#geregeld .container_vragen').click(appendContainerVragenToContent_vragen);

但请注意，如果调用后DOM发生变化，这将无效。如果您想允许此操作，请使用

$(document.body).on('click', '#geregeld .container_vragen', appendContainerVragenToContent_vragen);