How can I trigger a div after e.preventDefault()

Question

Hello I am trying to trigger this popup after the line, I need this line to stop the page from anchoring

         e.preventDefault();

I have tried to trigger it using this below but nothing shows up

        $('div#popup1').trigger('click');

The expected result is this http://codepen.io/anon/pen/AXbvXZ

What is expected result of triggering `click` at `div#popup1` element? — guest271314, Jul 11 '16 at 21:22
Run your `.trigger()` first. Put `e.preventDefault()` at the bottom instead. — StackSlave, Jul 11 '16 at 21:28
instead of use `:target` to trigger the modal why don't just use the basic way add-remove a class ? or show -hide with jquery — DaniP, Jul 11 '16 at 21:29
It seems that your approach is quite strange. You use link but don't want anchoring... Why don't you just make some kind of popup programmatically (setting style, position or class) and open it with some button? — Artem Arkhipov, Jul 11 '16 at 21:31
@Tanmango wouldn't that just open a window and not a popup div? maybe i am thinking about it wrong but how would you make a popup div in an anchor? — mweis, Jul 11 '16 at 21:35

score 0 · Answer 1 · edited May 23 '17 at 12:08

0

it helps maybe: Stackoverflow question from '11

edited May 23 '17 at 12:08

Community

1
1

answered Jul 11 '16 at 21:24

Balogh Ákos

21
6

If you're just going to link to another question, flag it as a duplicate. Link-only answers are discouraged. – Barmar Jul 11 '16 at 22:01

score 0 · Answer 2 · answered Jul 11 '16 at 21:35

Remove onclick event attribute at div#popup1 element, e.preventDefault(), add click event at div#popup, set .overlay .css() opacity to 1 at div#popup1 click event handler. Not certain how to update codepen

$("#stopRed").on("click",function(e){
    $("div#popup1").trigger('click');
});

$("div#popup1").click(function() {
  $(".overlay").css("opacity", 1)
});

How can I trigger a div after e.preventDefault()

2 Answers2