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>