Filtern von Klickereignis mit passendem css-Selektor zu einem Objekt

Question

Ich bin auf ein Problem gestoßen und ich kann nicht scheinen, dass der GTM das Ereignis speziell registriert.

So sieht das HTML für das Element aus, das ich registrieren muss, wenn jemand darauf klickt.

<div class="targetDiv option option-hoverable"> 
    <div class="shape"> 
     <svg width="140" height="140" viewBox="0 0 140 140" xmlns="http://www.w3.org/2000/svg" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> 
     <title>Shape + Shape + Shape</title> 
      <desc>Created with Sketch.</desc> 
       <g transform="translate(0 0)" sketch:type="MSShapeGroup" fill="none"> 
       <circle id="Shape" fill="#CFDF80" cx="40" cy="84.434" r="40"></circle> 
       <circle id="Shape" fill="#FDE9E8" cx="80" cy="40" r="40"></circle> 
       <circle fill="#E2506E" cx="100" cy="100" r="40"></circle> 
       </g> 
     </svg> 
    </div> 

       <h3>Product Title</h3> 
       <div class="actions"> 
       <a class="button button-subtle button-toggle" data-colors="tender" data-toggled="Select" href="">Select</a> 
       </div> 
</div> 

Ich kann nicht das Click erhalten auf der äußer DIV Klick zu registrieren, registriert er die Schaltfläche klicken oder den Klick auf Formen welken. Ich muss es auf dem DIV mit der Klasse targetDiv registrieren.

Ich bekomme korrekte Klick-Trigger von anderen Orten, so dass das Zuhören kein Problem ist.

Gerade jetzt wird der Trigger wie folgt festgelegt:

Trigger-Typ - Click - alle Elemente

Trigger-Feuer auf einigen Klicks.

Und die Bedingungen sind:

Click Element -> passt CSS-Selektor -> targetDiv

Answer 1

Diese

Click Element -> matches CSS selector -> targetDiv 

will ein <targetDiv> Element übereinstimmen, die in Ihrem HTML-Code nicht vorhanden ist .

Versuchen Sie, einen Punkt vor dem Klassennamen schreiben, denn das ist, wie Sie einen CSS-Selektor für eine Klasse schreiben kann:

Click Element -> matches CSS selector -> .targetDiv