MediaWiki:Common.js
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
// Wait for the DOM to be ready $(document).ready(function() { // Log a message to the console console.log('JavaScript is working!'); // Find all elements with class "card" var cards = $('.card'); // Log a message if cards are found if (cards.length > 0) { console.log('Found all cards:', cards); // Attach a click event listener to each card cards.on('click', function() { // Log a message when a card is clicked console.log('Clicked on card:', this); // Show the modal $('#cardModal').css('display', 'block'); // Update the modal content (replace this with your desired content) $('#modalContent').html('Card content goes here'); }); // Attach a click event listener to close the modal $('#closeModal').on('click', function() { // Hide the modal when the close button is clicked $('#cardModal').css('display', 'none'); }); } else { console.log('No cards found.'); } });