jquery - 单击事件未在内部 div 上调用

Question

我需要编写 jQuery 代码，当我在 div 上的任何地方单击时，我将其称为 jQuery 事件，并且当他们单击此 div 中的特定元素时，不调用 click 事件。 “睾丸”类不应调用点击。

但是，我必须使用的结构如下所示，因为它是特定的 jQuery。

代码如下:

HTML:

<div class="tiles red">
    <div class="live-tile" id="tile1" data-mode="flip">        
        <div>
            <div class="testes"><a class="full" href="#"><p>* CNAE<br /></a></div>* CBO<br />* CID-10<br /></p>
            <span class="tile-title"><p>Clique para voltar</p></span>
        </div>
        <div>
            <p>Cadastros básicos</p>
            <span class="tile-title">back title</span>
        </div>
    </div>    
</div>

JQuery:

$(function () {
  $(".live-tile").click(function () {
    $(this).liveTile('play');                
  });
});

谢谢

Answer 1

尝试使用 event.stopPropagation() :

$(function () {
  $(".live-tile").click(function () {
    $(this).liveTile('play');                
  });

  $(".testes").click(function (e) {
    e.stopPropagation();                
  });
});