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上运行。 classname选择器在标记中是相同的，在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" );
  });
});

DEMO： http://jsfiddle.net/e640ggmy/

Answer 2

您使用的是什么版本的jquery？自1.7.1以来支持.on（）函数，如果您使用的是早期版本，则应使用.bind（）,. live（）或.delegate（）

here is the difference between all of them

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

此外，您可以使用浏览器控制台并输入$（document）来获取jquery对象并展开它以查看它支持的功能。

Answer 3

尝试

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

点击功能无效$（文件）

3 个答案: