2

child-div 内のリンクを preventDefault から除外したい

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#parent").click(function(event){
    event.preventDefault();
  });
});
</script>
</head>
<body>
<div id="parent">
<div id="child"><a href="mylink.html" alt="link">click me!</a></div>
</div>
</body>

子のリンクを機能させることは可能divですか? 私は今、答えを探すのに約3時間費やしましたが、それを理解できないようです!

4

3 に答える 3

2

イベントをトリガーしたターゲットがアンカーではないことを確認してください。そうでない場合は、イベントを伝播しません。

$(document).ready(function(){
  $("#parent").click(function(event){
    if(!$(event.target).is("a")){
        event.preventDefault();
    }
  });
});
于 2013-04-05T11:54:22.830 に答える
1

<a>イベントの元のターゲットがタグではないことを確認するだけです。

$('#parent').click(function(event) {
    if(event.target.tagName !== 'A') {
        event.preventDefault();
    }
});
于 2013-04-05T11:55:52.723 に答える
0 
$('div').on('click', "a", function(e) {
    e.preventDefault();
});
于 2013-04-05T11:56:35.460 に答える