单击功能在 $(文档)上不起作用

Question

alert("hi");
$(document).on('click', '.customerstory-section-header', function() {
   $('.overlay-Div').hide();
   $(this).parent().children().children("div.overlay-Div").toggle();
   $("#Jananayak-Stories-Section").hide();
   $("#Customer-Stories-Section").show();
}); 

click函数正在处理div。类名选择器在标记中是相同的，在jQuery代码中是相同的。如果我在点击功能之外放一个alert，它正在工作，警报即将到来。如果我在点击功能中放置警报，它不起作用。 console在那里不起作用。有人可以帮我吗？

$(".customerstory-section-header").hover(function(){
  alert("hi");
   $('.overlay-Div').hide();
   $(this).parent().children().children("div.overlay-Div").toggle();
   $("#Jananayak-Stories-Section").hide();
   $("#Customer-Stories-Section").show();
}); 

我更改了事件悬停并尝试了。它不起作用。如果我把警报放在函数之外，警报就会到来。所以JS文件正在加载。但是没有一个事件处理程序不工作。请在这里帮助我

Answer 1

您可能需要这个：

$(function() {
  $( "body" ).click(function() {
    alert( "Body Clicked" );
  });
});

演示：http://jsfiddle.net/e640ggmy/

Answer 2

你用的是哪个版本的jquery？从 1.7.1 开始支持 .on（） 函数，如果您使用的是早期版本，则应改用 .bind（）、.live（） 或 .delegate（）

这是它们之间的区别

http://api.jquery.com/on/

您也可以使用浏览器控制台并键入 $（document） 来获取 jquery 对象并展开它以查看它支持的函数。

Answer 3

尝试

$(document.body).on('click', '.customerstory-section-header', function(event) {
   ....
});