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作为动态加载标记

$('#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();
});

event.preventDefault无法正常工作

3 个答案: