javascript - event.preventDefault 无法正常工作

Question

我在 div 中使用 AJAX 加载数据。

<div id="container">
<a class="hello" href="abc.php">hello</a>   // loaded using ajax
<div>

现在我有 jQuery：

<script type="text/javascript" charset="utf-8">
  $(document).ready(function() {
 $('.hello').on("click",function(e){
 e.preventDefault();
 });
 });
 </script>

但是它没有按应有的方式工作，即它正在引导我到abc.php. 我哪里错了？

Answer 1

使用.on作为您的 a 标签是动态加载的

$('#container').on("click",".hello",function(e){
   e.preventDefault();
});

Answer 2

应该这样.on()设置以使用动态创建的元素。另外，请确保使用 Jquery 1.8 或更早版本。

尝试：

$('#container').on("click",'.hello',function(e){
 e.preventDefault();
 });

Answer 3

它也适用于此..

$('.hello').click(function(){
     e.preventDefault();
});