Submit link without page refresh in Shopify

Asked Mar 17 '21 at 13:11

Active Apr 08 '21 at 22:05

Viewed 778 times

I am trying to submit a link with an anchor without a page refresh.

I know we can bind them with an id. I tried a lot and nothing works in Shopify as Shopify has their own event handler and every time I tried I didn't get any result.

I tried this and several other answers in Stack Overflow, but nothing works in Shopify. However, they work in plain an HTML and jsfiddle test.

$("a#link").click(function(){

    $.post("mark_auto.php",
       {
         prev_id: $(this).attr("prev_id"),
         next_id: $(this).attr("next_id")
       },
       function(data) {
         alert("Data Loaded: " + data);
       }
    );

    return false;
});

 <a id="link" href="mark_auto.php?id=1" prev_id="5" next_id="45">ooikjhijhj</a>

I tried several other answers but none worked in Shopify.

I have several links and I want to add an anchor next to every one and when users clicks that it will be submitted.

It seems simple as we can bind with an id and stop the default submission and get it done, but it does not work in Shopify.

edited Apr 08 '21 at 22:05

Peter Mortensen

30,738
21
105
131

asked Mar 17 '21 at 13:11

turkyoung

See this page: https://stackoverflow.com/questions/265478/preventdefault-on-an-a-tag – wassim-code-200 Mar 17 '21 at 13:16
Try making the href a # – JoshieWahWah Mar 17 '21 at 13:18
@JoshieWahWah tried # its refreshes the main page – turkyoung Mar 17 '21 at 13:20
Did you also try onclick="return false" on the a tag? – JoshieWahWah Mar 17 '21 at 13:23
@JoshieWahWah no – turkyoung Mar 17 '21 at 13:25
`$("a#link").click(function(e){ e.preventDefault(); ....});` – Mosh Feu Mar 17 '21 at 16:02

Submit link without page refresh in Shopify

0 Answers0