skip to Main Content

jQuery stops working when including Bootstrap 5

I've been trying to create a button that shows some input fields when clicked using jQuery (latest version 3.7.1) and it works just fine. However, when I add the tags <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> to…

VIEW QUESTION

Jquery – Show tab-pane from a outside link click

I need a <a href="#" class="link-one">Link</a> outside nav-tabs to activate a tab-panel/tab-content using Bootstrap 5. Basically, how can I simplify this? // show relevant Bootstrap tab from a outside link click $('.link-one').on('click', function(){ $('#tab-one-pane').addClass('show active'); $('#tab-two-pane').removeClass('show active'); $('#tab-two').removeClass('active'); $('#tab-one').addClass('active'); });…

VIEW QUESTION

Can anybody explain to me why this jquery function does not work?

I made a simple code example to narrow down my issue. If I have this code jQuery.noConflict(); jQuery(document).ready(function($) { var dosomething=function(the_selector){ $('.content', the_selector).each(function() { $(this).css('background-color','red'); }); } dosomething('.flickr_badge_image'); }); it does not work but if i change it to jQuery.noConflict();…

VIEW QUESTION
Back To Top
Search