Forum Discussion

jeffshurtliff's avatar
jeffshurtliff
Boss
6 years ago
Solved

Trying to use jQuery and liaAddScript to add anchor to TKB article

I'm trying to use the liaAddScript directive in a custom component and jQuery to add anchors to TKB articles that have specific CSS classes but it doesn't seem to want to work. This is what my custo...
Views
Sign in to react to this post
  • saikumarn's avatar
    saikumarn
    6 years ago

    Hi jeffshurtliff 

    Please use dot (.) before class name.

    Ex: 

     

    <@liaAddScript>
  ; (function ($) {
	console.log('Adding anchor to article');
    $('<a name="appliesTo">your link</a>').insertBefore(".kbsync-applies-to");
  })(LITHIUM.jQuery);
</@liaAddScript>

     

Proha's avatar
Proha
Mentor
6 years ago

1. Elements can be loaded after your script is executed.  Stop script execution via debugger on start and  check DOM tree for ".kbsync-applies-to".  Try to wrap your code into DOMContentLoaded event listener or similar.

2. To prevent violation try to create custom component of TKB article list using the override and delegate FreeMarker directives. Or add anchors as id attribute to existing DOM elements.

Sign in to react to this post