Uncaught TypeError: jQuery(...).on is not a function | Community
Skip to main content
Roshanchauhan
Roshanchauhan
Level 3
July 26, 2018
Solved

Uncaught TypeError: jQuery(...).on is not a function

  • July 26, 2018
  • 3 replies
  • 5784 views

Hi,

Getting "Uncaught TypeError: jQuery(...).on is not a function" error while testing the custom tracking and this is happening only on one page rest it's working fine, as we can see in the below screenshot.

Error line:

Function:

function bindKudoEvent(){
jQuery('.lia-button-image-kudos-kudoed a.kudos-link').on('click',function(e){
var isAcceptedSol = jQuery(this).parents('.lia-message-view-display').hasClass('lia-accepted-solution');
trackClickTkb(0,"kudo count",isAcceptedSol)
setTimeout(function(){ bindKudoEvent() }, 3500);
});
jQuery('.lia-button-image-kudos-not-kudoed a.kudos-link').on('click',function(e){
var isAcceptedSol = jQuery(this).parents('.lia-message-view-display').hasClass('lia-accepted-solution');
trackClickTkb(1,"kudo count", isAcceptedSol)
setTimeout(function(){ bindKudoEvent() }, 3500);
});
}

bindKudoEvent();

Thanks!

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by Stewart_Schilling

    If jQuery is loading asynchronously you could have a race condition between DTM and the loading of jQuery.

    I don't think that you need to do event handling this way.  I'd use event rules within DTM.  That would free you from this issue.

    In cases where I do need to work outside of DTM, I try to use native Javascript to avoid dependencies on libraries like jQuery.

    3 replies

    K
    katherinew33547
    July 26, 2018

    Does jQuery exist on the page at the point that your function is executed? If not, then that would cause this error.

      Roshanchauhan
      RoshanchauhanAuthor
      Level 3
      August 7, 2018

      jQuery exist on the page I got this error on page load mostly.

      Stewart_Schilling
      Community Advisor
      Stewart_SchillingCommunity AdvisorAccepted solution
      Community Advisor
      August 16, 2018

      If jQuery is loading asynchronously you could have a race condition between DTM and the loading of jQuery.

      I don't think that you need to do event handling this way.  I'd use event rules within DTM.  That would free you from this issue.

      In cases where I do need to work outside of DTM, I try to use native Javascript to avoid dependencies on libraries like jQuery.

        Terms & ConditionsAccessibility statement

        Loading footer...