-1

Newbee here.

(plz refer this link: Change Bootstrap Active nav-pills tab border bottom shape to solid underline - i was trying to achieve this one)

I tried to apply the js file for underlining the active tab of bootstrap nav pills. While the custom js file based out on default jquery in drupal 8 is loaded, getting the following error

Error: Syntax error, unrecognized expression: ul.nav > li > a  jquery-3.3.1.js:1541:8
Sizzle</Sizzle.error https://code.jquery.com/jquery-3.3.1.js:1541:8
Sizzle</Sizzle.tokenize https://code.jquery.com/jquery-3.3.1.js:2193:4
Sizzle</Sizzle.select https://code.jquery.com/jquery-3.3.1.js:2620:20
Sizzle https://code.jquery.com/jquery-3.3.1.js:845:9
.find https://code.jquery.com/jquery-3.3.1.js:2873:4
jQuery.fn.init https://code.jquery.com/jquery-3.3.1.js:2983:14
jQuery https://code.jquery.com/jquery-3.3.1.js:139:10
<anonymous> http://localhost:8080/developer-portal/htdocs/:1116:37
resolve/</mightThrow https://code.jquery.com/jquery-3.3.1.js:3534:21
resolve/</process< https://code.jquery.com/jquery-3.3.1.js:3602:12

Kindly help out how to resolve this error.

enclosed in double quotes too as per mentioned here child selector. But didnt help.

custom jquery used:

jQuery(document).ready(function () { console.log("highlight.js file executed... ggfh"); jQuery('ul.nav > li > a').click(function (e) { e.preventDefault(); jQuery('.initial-active').removeClass('initial-active'); jQuery('ul.nav > li > a').removeClass('active'); jQuery(this).addClass('active'); }); });

mentioned properly in info.yml and libraries.yml file.

Vivek22
  • 836
  • 1
  • 12
  • 19

1 Answers1

0

Drupal escapes your js code (> => &gt;).

Your can put you js code in a js file, and using <script> tag imports you code.

Vito
  • 295
  • 4
  • 14