Question posted in
You can find the official documentation here.

Trigger click event to dynamically added link on href using jquery – Jquery ajax

I am dynamically creating the link on anchor tag through jquery, I want to trigger click event as soon as link gets attached to href, but in my case click event didn’t get triggered.

JQuery:

$("#refShare").click(function(e){
    jQuery.ajax({
        url: base_url+"create-refer",
        cache : false,
        dataType: 'json',
        data: { email:email },  
        type:'post',
        success:function(response){
            jQuery('li#refShare a:first').attr("href", 'https://www.xyzLink.com/'+response.link);
            jQuery('li#refShare a:first').attr("target", 'blank');
            jQuery('li#refShare a:first').click();
       }); 
});

HTML:

<ul>
<li id="refShare">
<a href="" id="share-facebook">
<i class="fa fa-facebook fa-2x" aria-hidden="true"></i>
</a>
</li>
<li>
    ....
</li>
    .....
</ul>
Tags:

4

Answers


  1. 0

    Try trigger

    $("#refShare").trigger("click")

    Login or Signup to reply.
  2. 0

    You need to choose the right element which can be clickable and your goal to redirect to somewhere else automatically(where human intervention does not require) can be achieved by using ‘trigger’ function.

    you can do :

    $('#share-facebook').trigger('click');

    For further details/documentation about jquery ‘trigger’ function, you can check this url: .trigger()

    Login or Signup to reply.
  3. 0

    Do you want an auto click or manual click?

    If you want an auto =>
    jQuery(‘li#refShare a:first’).trigger( “click” );
    Otherwise manually means assign one id to this href and make it click.
    jQuery(‘li#refShare a:first’).attr(“id”, ‘some_id’);

    outside Ajax

      jQuery('#some_id').on('click','#some_id', function() {
    //do it your stuff...
 });
    Login or Signup to reply.
  4. 0

    Try this 

    jQuery(document).ready(function(){


    	setTimeout(function(){ 


    		alert("Hello"); 

    		jQuery('#Link_xyz').attr("href", 'https://github.com/gauravin213');
	        jQuery('#Link_xyz').attr("target", 'blank');
	        jQuery('#Link_xyz').click();



    	}, 3000);


    	jQuery(document).on('click', '#Link_xyz', function(){  

    		var target = jQuery(this);

    		var url = target.attr('href'); alert("click: "+url); 

    		//window.open(url, '_blank');

            window.location.href = url;
    	});

    	

    });
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
	<a id="Link_xyz" href="">Link</a>
</div>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search