javascript - 2 jQuery scripts not working together -

javascript - 2 jQuery scripts not working together -

i using jquery 2.0.3 , bootstrap.

i have function created in jquery, 1 dropdown menu , other changing images on page load.

$(document).ready(function() { //display radom image on page refresh var images = []; images = ['banner1.jpg', 'banner2.jpg', 'banner3.jpg', 'banner4.jpg', 'banner5.jpg', 'banner6.jpg']; $('<img src="<?php echo get_template_directory_uri(); ?>/img/inner-page-slider/' + images[math.floor(math.random() * images.length)] + '">').appendto('#sliderimginnerwrap'); }); $('.dropdown-menu').click(function(event){ event.stoppropagation(); });​

when both of used together, function images on page load stops working.

any help appreciated.

try using non-conflict....

use jquery instead of $

if not have @ errors on console.

javascript jquery twitter-bootstrap