Link is not getting clicked if parent div has click event

Asked Sep 10 '18 at 12:57

Active Sep 10 '18 at 12:57

Viewed 94 times

I have a div which has a trigger click associated with it. Inside that div there is another div in which I have binded html using innerhtml.bind(Aurelia). That HTML part contains anchor tag. Now when I am clicking on the link nothing is happening. It is not opening the link.

My HTML structure looks somewhat like this:

<div click.trigger="someMethod()">
   <div>
      <div innerhtml.bind="">
      </div>
  </div>
</div>

Please help in what I am doing wrong?

asked Sep 10 '18 at 12:57

Gunjan Chanana

1

Have you tried using `click.delegate` instead of `click.trigger`? – Jesse Sep 10 '18 at 13:03
@JessedeBruijne tried but no luck – Gunjan Chanana Sep 11 '18 at 05:35
1

you just have to `return true;` from your `someMethod()`. so aurelia will not call `perventDefault` – avrahamcool Sep 11 '18 at 17:23
1

Here is the specific part in the doc that you can consult. Basically what avrahamcool said, but with more links and extra content https://aurelia.io/docs/binding/basics#dom-events – bigopon Sep 13 '18 at 00:19

Link is not getting clicked if parent div has click event

0 Answers0