Jquery open a custom modal link instead of hashtag for popup maker

Question

I'm trying to open a modal when a user is clicking it. I'm currently using a popup maker.

ex. www.hello.com/test

the /test would be the # variable of the modal link.

<a href="#test" class="hello"> Im a hidden modal in a link menu</a>

I tried reading the popup maker documentation and i need to do this instead.

<a href="#popmake-123" class="hello"> Im a hidden modal in a link menu</a>

But when i tried entering the link like this "www.hello.com/#popmake-123" there's no auto modal showing.

I tried with these codes so far.

$(window.location.hash).modal('show');
$('a.popmake-user-login').click(function(){
    window.location.hash = $(this).attr('href');
});

but nothing's happening. Thank you in advance guys.

(link source) Bootstrap 3.x: how to have url change upon clicking modal trigger?

Just a quick thing you can test: full URLs need to include `http(s)://` — , Oct 13 '18 at 08:29
Hello @ChrisG I just tried it and that didn't worked out. thanks — rrw, Oct 13 '18 at 08:33
@Vel thank you for helping me but it currently stating "Uncaught TypeError: $(...).modal is not a function". im currently figuring out a solution — rrw, Oct 13 '18 at 10:57

Vel · Accepted Answer · 2018-10-13T11:00:47.237

0

Try this code

jQuery(document).ready(function(){
   jQuery(window.location.hash).modal('show');
   jQuery('a.popmake-user-login').click(function(){
      window.location.hash = jQuery(this).attr('href');
    });
});

edited Oct 13 '18 at 11:00

answered Oct 13 '18 at 09:15

Vel

9,027
6
34
66

Jquery open a custom modal link instead of hashtag for popup maker

1 Answers1