0

I have binded some links click event.

When I click one of them link is captured and default prevented but when I make my own logic and trigger click again, href or onclick attributes are not triggered.

Fiddle example: https://jsfiddle.net/oo80rmhd/15/

allowPaymentSubmit = false;

$(document).on('click', '#links a', function(event) {

  $('#console').append('clicked<br>');
  var el = $(this);

  if (!allowPaymentSubmit) {
    event.preventDefault();

    //My Ajax call logic
    //On ajax success set to true and trigger click
    allowPaymentSubmit = true;
    el.trigger('click');
  }

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div id="links">
  <a href="http://www.google.es">Href</a><br>
  <a href="javascript:void(0)" onclick="$('#paypal_payment_form').submit();">OnClick</a>
</div>

<div id="console"></div>
mplungjan
  • 169,008
  • 28
  • 173
  • 236

0 Answers0