jquery - Bootstrap: Modal and Collapse not working -
first of let knows, used other theme , put bootstrap modal , collapse it's not working don't know why doing this. see link: click on here see problem got.!!!
click on search icon, added collapse it's not working. please in advance.
<!doctype html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>climate</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="author" content="" /> <!-- facebook , twitter integration --> <meta property="og:title" content=""/> <meta property="og:image" content=""/> <meta property="og:url" content=""/> <meta property="og:site_name" content=""/> <meta property="og:description" content=""/> <meta name="twitter:title" content="" /> <meta name="twitter:image" content="" /> <meta name="twitter:url" content="" /> <meta name="twitter:card" content="" /> <!-- place favicon.ico , apple-touch-icon.png in root directory --> <link rel="shortcut icon" href="favicon.ico"> <link href='https://fonts.googleapis.com/css?family=playfair+display:400,700,400italic,700italic|merriweather:300,400italic,300italic,400,700italic' rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/css?family=dancing+script:400,700|lobster" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet"> <!-- animate.css --> <link rel="stylesheet" href="css/animate.css"> <!-- icomoon icon fonts--> <link rel="stylesheet" href="css/icons.css"> <!-- icomoon icon fonts--> <link rel="stylesheet" href="css/icomoon.css"> <!-- simple line icons --> <link rel="stylesheet" href="css/simple-line-icons.css"> <!-- flexslider --> <link rel="stylesheet" href="css/flexslider.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/css/bootstrap-select.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.2/css/flag-icon.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <link rel="stylesheet" href="css/style.css"> <!-- modernizr js --> <script src="js/modernizr-2.6.2.min.js"></script> <!-- ie9 below --> <!--[if lt ie 9]> <script src="js/respond.min.js"></script> <![endif]--> </head> <body> <div id="fh5co-container"> <div class="js-sticky"> <div class="fh5co-main-nav"> <div class="container-fluid"> <div class="fh5co-menu-1 col-sm-9"> <ul> <li><a href="#" data-nav-section="home">home</a></li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">about <span class="caret"></span></a> <ul class="dropdown-menu sub-menu-dropdown"> <li><a href="#"><i class="fa fa-bullseye" aria-hidden="true"></i> observatory</a></li> <li><a href="#"><i class="fa fa-cog" aria-hidden="true"></i> objectives</a></li> <li><a href="#"><i class="fa fa-database" aria-hidden="true"></i> components</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">data <span class="caret"></span></a> <ul class="dropdown-menu sub-menu-dropdown"> <li><a href="#"><i class="fa fa-line-chart" aria-hidden="true"></i> tools</a></li> <li><a href="#"><i class="fa fa-file-text" aria-hidden="true"></i> data access</a></li> <li><a href="#"><i class="fa fa-file-text-o" aria-hidden="true"></i> local climate data</a></li> <li><a href="#"><i class="fa fa-soundcloud" aria-hidden="true"></i> regional climate data</a></li> </ul> </li> <li><a href="#">weather forecasting</a></li> <li><a href="#">publications</a></li> <li><a href="#">education us</a></li> <li><a href="#">contact</a></li> </ul> </div> <div class="fh5co-menu-2 col-sm-3"> <button class="header-login" data-toggle="modal" data-target="#mymodal"><i class="fa fa-sign-in" aria-hidden="true"></i> login</button> <div class="modal fade" id="mymodal" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="mymodallabel">modal title</h4> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">close</button> <button type="button" class="btn btn-primary">save changes</button> </div> </div> </div> </div> <select class="selectpicker" data-width="fit"> <option data-content='<span class="flag-icon flag-icon-es"></span>'></option> <option data-content='<span class="flag-icon flag-icon-gb"></span>'></option> </select> <button class="search-icon" type="button" data-toggle="collapse" data-target="#collapseexample" aria-expanded="false" aria-controls="collapseexample"><img src="images/search-icon.png"></button> <div class="collapse" id="collapseexample"> <div class="well"> ...............search area text here............... </div> </div> </div> </div> </div> </div> <div id="fh5co-home" class="js-fullheight" data-section="home"> <div class="flexslider"> <div class="fh5co-text"> <div class="container"> <div class="row"> <h1 class="to-animate"><a href="#"><img src="images/logo.png" alt=""></a></h1> <h2 class="to-animate maintitle">welcome información climática</h2> </div> </div> </div> <ul class="slides"> <li style="background-image: url(images/slide_1.jpg);" data-stellar-background-ratio="0.5"></li> <li style="background-image: url(images/slide_2.jpg);" data-stellar-background-ratio="0.5"></li> <li style="background-image: url(images/slide_3.jpg);" data-stellar-background-ratio="0.5"></li> <li style="background-image: url(images/slide_4.jpg);" data-stellar-background-ratio="0.5"></li> </ul> </div> </div> </div> <!-- jquery --> <script src="js/jquery.min.js"></script> <!-- jquery easing --> <script src="js/jquery.easing.1.3.js"></script> <!-- bootstrap --> <script src="js/bootstrap.min.js"></script> <!-- bootstrap datetimepicker --> <script src="js/moment.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/js/bootstrap-select.min.js"></script> <script src="js/bootstrap-datetimepicker.min.js"></script> <!-- waypoints --> <script src="js/jquery.waypoints.min.js"></script> <!-- stellar parallax --> <script src="js/jquery.stellar.min.js"></script> <!-- flexslider --> <script src="js/jquery.flexslider-min.js"></script> <script> $(window).load(function() { $('.flexslider').flexslider({ direction: "vertical", animation: "fade" }); }); $(function(){ $('.selectpicker').selectpicker(); }); </script> <!-- main js --> <script src="js/main.js"></script> </body> </html> here custom javascript code:
;(function () { 'use strict'; // ipad , ipod detection var isipad = function(){ return (navigator.platform.indexof("ipad") != -1); }; var isiphone = function(){ return ( (navigator.platform.indexof("iphone") != -1) || (navigator.platform.indexof("ipod") != -1) ); }; var fullheight = function() { if ( !isipad() && !isiphone() ) { $('.js-fullheight').css('height', $(window).height()); $(window).resize(function(){ $('.js-fullheight').css('height', $(window).height()); }) } }; var slidermain = function() { $('#fh5co-home .flexslider').flexslider({ animation: "fade", slideshowspeed: 5000 }); $('#fh5co-home .flexslider .slides > li').css('height', $(window).height()); $(window).resize(function(){ $('#fh5co-home .flexslider .slides > li').css('height', $(window).height()); }); }; var slidersayings = function() { $('.clients-area .flexslider').flexslider({ animation: "slide", slideshowspeed: 5000, directionnav: false, controlnav: false, directionnav: true, smoothheight: true, animationloop: true, itemwidth: 160, itemmargin: 7, minitems: 2, maxitems: 7, move: 1, }); } var fs = $('#fh5co-sayings .flexslider'), dataitem = fs.data('item'), item = fs.find('.item'); // wrap divs (var = 0; < item.length; i+=dataitem) { item.slice(i, i+dataitem).wrapall('<div class="items"></div>'); } // initialize flexslider fs.flexslider({ selector: '.slides > .items', animation: "slide", animationloop: false, directionnav: false, slideshow: false, smoothheight: true, itemmargin: 0, minitems: 1, maxitems: 1 }); var offcanvasmenu = function() { $('body').prepend('<div id="fh5co-offcanvas" />'); $('body').prepend('<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>'); $('.fh5co-main-nav .fh5co-menu-1, .fh5co-main-nav .fh5co-menu-2').each(function(){ var $this = $(this); $('#fh5co-offcanvas').append($this.clone()); }); // $('#fh5co-offcanvas').append }; var mainmenusticky = function() { var sticky = $('.js-sticky'); sticky.css('height', sticky.height()); $(window).resize(function(){ sticky.css('height', sticky.height()); }); var $section = $('.fh5co-main-nav'); $section.waypoint(function(direction) { if (direction === 'down') { $section.css({ 'position' : 'fixed', 'top' : 0, 'width' : '100%', 'z-index' : 2 }).addclass('fh5co-shadow');; } }, { offset: '400px' }); $('.js-sticky').waypoint(function(direction) { if (direction === 'up') { $section.attr('style', '').removeclass('fh5co-shadow'); } }, { offset: function() { return -$(this.element).height() + 69; }//70 ki bjaye 69 likhain ge theek ho jaye ga }); }; $(function() { var header = $(".fh5co-main-nav"); $(window).scroll(function() { var scroll = $(window).scrolltop(); if (scroll >= 200) { header.removeclass('fh5co-main-nav').addclass("fh5co-main-nav darkheader"); } else { header.removeclass("fh5co-main-nav darkheader").addclass('fh5co-main-nav'); } }); }); // parallax var parallax = function() { $(window).stellar(); }; // burger menu var burgermenu = function() { $('body').on('click', '.js-fh5co-nav-toggle', function(event){ var $this = $(this); $('body').toggleclass('fh5co-overflow offcanvas-visible'); $this.toggleclass('active'); event.preventdefault(); }); }; var scrolledwindow = function() { $(window).scroll(function(){ var scrollpos = $(this).scrolltop(); $('#fh5co-home .fh5co-text').css({ 'opacity' : 1-(scrollpos/300), 'margin-top' : (-212) + (scrollpos/1) }); $('#fh5co-home .flexslider .fh5co-overlay').css({ 'opacity' : (.5)+(scrollpos/2000) }); if (scrollpos > 200) { $('#fh5co-home .fh5co-text').css('display', 'none'); } else { $('#fh5co-home .fh5co-text').css('display', 'block'); } }); $(window).resize(function() { if ( $('body').hasclass('offcanvas-visible') ) { $('body').removeclass('offcanvas-visible'); $('.js-fh5co-nav-toggle').removeclass('active'); } }); }; var gototop = function() { $('.js-gotop').on('click', function(event){ event.preventdefault(); $('html, body').animate({ scrolltop: $('html').offset().top }, 500); return false; }); }; // page nav var clickmenu = function() { var topval = ( $(window).width() < 769 ) ? 0 : 58; $(window).resize(function(){ topval = ( $(window).width() < 769 ) ? 0 : 58; }); $('.fh5co-main-nav a:not([class="external"]), #fh5co-offcanvas a:not([class="external"])').click(function(event){ var section = $(this).data('nav-section'); if ( $('div[data-section="' + section + '"]').length ) { $('html, body').animate({ scrolltop: $('div[data-section="' + section + '"]').offset().top - topval }, 500); } event.preventdefault(); // return false; }); }; // reflect scrolling in navigation var navactive = function(section) { $('.fh5co-main-nav a[data-nav-section], #fh5co-offcanvas a[data-nav-section]').removeclass('active'); $('.fh5co-main-nav, #fh5co-offcanvas').find('a[data-nav-section="'+section+'"]').addclass('active'); }; var navigationsection = function() { var $section = $('div[data-section]'); $section.waypoint(function(direction) { if (direction === 'down') { navactive($(this.element).data('section')); } }, { offset: '150px' }); $section.waypoint(function(direction) { if (direction === 'up') { navactive($(this.element).data('section')); } }, { offset: function() { return -$(this.element).height() + 155; } }); }; // animations var homeanimate = function() { if ( $('#fh5co-home').length > 0 ) { $('#fh5co-home').waypoint( function( direction ) { if( direction === 'down' && !$(this.element).hasclass('animated') ) { settimeout(function() { $('#fh5co-home .to-animate').each(function( k ) { var el = $(this); settimeout ( function () { el.addclass('fadeinup animated'); }, k * 200, 'easeinoutexpo' ); }); }, 200); $(this.element).addclass('animated'); } } , { offset: '80%' } ); } }; var aboutanimate = function() { var = $('#fh5co-about'); if ( about.length > 0 ) { about.waypoint( function( direction ) { if( direction === 'down' && !$(this.element).hasclass('animated') ) { settimeout(function() { about.find('.to-animate').each(function( k ) { var el = $(this); settimeout ( function () { el.addclass('fadeinup animated'); }, k * 200, 'easeinoutexpo' ); }); }, 200); settimeout(function() { about.find('.to-animate-2').each(function( k ) { var el = $(this); settimeout ( function () { el.addclass('fadein animated'); }, k * 200, 'easeinoutexpo' ); }); }, 200); $(this.element).addclass('animated'); } } , { offset: '80%' } ); } }; var sayingsanimate = function() { var sayings = $('#fh5co-sayings'); if ( sayings.length > 0 ) { sayings.waypoint( function( direction ) { if( direction === 'down' && !$(this.element).hasclass('animated') ) { settimeout(function() { sayings.find('.to-animate').each(function( k ) { var el = $(this); settimeout ( function () { el.addclass('fadeinup animated'); }, k * 200, 'easeinoutexpo' ); }); }, 200); $(this.element).addclass('animated'); } } , { offset: '80%' } ); } }; var featureanimate = function() { var feature = $('#fh5co-featured'); if ( feature.length > 0 ) { feature.waypoint( function( direction ) { if( direction === 'down' && !$(this.element).hasclass('animated') ) { settimeout(function() { feature.find('.to-animate').each(function( k ) { var el = $(this); settimeout ( function () { el.addclass('fadeinup animated'); }, k * 200, 'easeinoutexpo' ); }); }, 200); settimeout(function() { feature.find('.to-animate-2').each(function( k ) { var el = $(this); settimeout ( function () { el.addclass('bouncein animated'); }, k * 200, 'easeinoutexpo' ); }); }, 500); $(this.element).addclass('animated'); } } , { offset: '80%' } ); } }; var typeanimate = function() { var type = $('#fh5co-type'); if ( type.length > 0 ) { type.waypoint( function( direction ) { if( direction === 'down' && !$(this.element).hasclass('animated') ) { settimeout(function() { type.find('.to-animate').each(function( k ) { var el = $(this); settimeout ( function () { el.addclass('fadeinup animated'); }, k * 200, 'easeinoutexpo' ); }); }, 200); $(this.element).addclass('animated'); } } , { offset: '80%' } ); } }; var foodmenusanimate = function() { var menus = $('#fh5co-menus'); if ( menus.length > 0 ) { menus.waypoint( function( direction ) { if( direction === 'down' && !$(this.element).hasclass('animated') ) { settimeout(function() { menus.find('.to-animate').each(function( k ) { var el = $(this); settimeout ( function () { el.addclass('fadeinup animated'); }, k * 200, 'easeinoutexpo' ); }); }, 200); settimeout(function() { menus.find('.to-animate-2').each(function( k ) { var el = $(this); settimeout ( function () { el.addclass('fadein animated'); }, k * 200, 'easeinoutexpo' ); }); }, 500); $(this.element).addclass('animated'); } } , { offset: '80%' } ); } }; var eventsanimate = function() { var events = $('#fh5co-events'); if ( events.length > 0 ) { events.waypoint( function( direction ) { if( direction === 'down' && !$(this.element).hasclass('animated') ) { settimeout(function() { events.find('.to-animate').each(function( k ) { var el = $(this); settimeout ( function () { el.addclass('fadein animated'); }, k * 200, 'easeinoutexpo' ); }); }, 200); settimeout(function() { events.find('.to-animate-2').each(function( k ) { var el = $(this); settimeout ( function () { el.addclass('fadeinup animated'); }, k * 200, 'easeinoutexpo' ); }); }, 500); $(this.element).addclass('animated'); } } , { offset: '80%' } ); } }; var reservationanimate = function() { var contact = $('#fh5co-contact'); if ( contact.length > 0 ) { contact.waypoint( function( direction ) { if( direction === 'down' && !$(this.element).hasclass('animated') ) { settimeout(function() { contact.find('.to-animate').each(function( k ) { var el = $(this); settimeout ( function () { el.addclass('fadein animated'); }, k * 200, 'easeinoutexpo' ); }); }, 200); settimeout(function() { contact.find('.to-animate-2').each(function( k ) { var el = $(this); settimeout ( function () { el.addclass('fadeinup animated'); }, k * 200, 'easeinoutexpo' ); }); }, 500); $(this.element).addclass('animated'); } } , { offset: '80%' } ); } }; var footeranimate = function() { var footer = $('#fh5co-footer'); if ( footer.length > 0 ) { footer.waypoint( function( direction ) { if( direction === 'down' && !$(this.element).hasclass('animated') ) { settimeout(function() { footer.find('.to-animate').each(function( k ) { var el = $(this); settimeout ( function () { el.addclass('fadein animated'); }, k * 200, 'easeinoutexpo' ); }); }, 200); settimeout(function() { footer.find('.to-animate-2').each(function( k ) { var el = $(this); settimeout ( function () { el.addclass('fadeinup animated'); }, k * 200, 'easeinoutexpo' ); }); }, 500); $(this.element).addclass('animated'); } } , { offset: '80%' } ); } }; // document on load. $(function(){ fullheight(); slidermain(); slidersayings(); offcanvasmenu(); mainmenusticky(); parallax(); burgermenu(); scrolledwindow(); clickmenu(); navigationsection(); gototop(); // animations homeanimate(); aboutanimate(); sayingsanimate(); featureanimate(); typeanimate(); foodmenusanimate(); eventsanimate(); reservationanimate(); footeranimate(); }); }());
i think problem css. inspecting website's code can see modal wrapped many divs having relative or fixed positioning.
just modal code outside divs problem solved. put in following way--
<!doctype html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>climate</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="author" content="" /> <!-- facebook , twitter integration --> <meta property="og:title" content=""/> <meta property="og:image" content=""/> <meta property="og:url" content=""/> <meta property="og:site_name" content=""/> <meta property="og:description" content=""/> <meta name="twitter:title" content="" /> <meta name="twitter:image" content="" /> <meta name="twitter:url" content="" /> <meta name="twitter:card" content="" /> <!-- place favicon.ico , apple-touch-icon.png in root directory --> <link rel="shortcut icon" href="favicon.ico"> <link href='https://fonts.googleapis.com/css?family=playfair+display:400,700,400italic,700italic|merriweather:300,400italic,300italic,400,700italic' rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/css?family=dancing+script:400,700|lobster" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet"> <!-- animate.css --> <link rel="stylesheet" href="css/animate.css"> <!-- icomoon icon fonts--> <link rel="stylesheet" href="css/icons.css"> <!-- icomoon icon fonts--> <link rel="stylesheet" href="css/icomoon.css"> <!-- simple line icons --> <link rel="stylesheet" href="css/simple-line-icons.css"> <!-- flexslider --> <link rel="stylesheet" href="css/flexslider.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/css/bootstrap-select.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.2/css/flag-icon.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <link rel="stylesheet" href="css/style.css"> <!-- modernizr js --> <script src="js/modernizr-2.6.2.min.js"></script> <!-- ie9 below --> <!--[if lt ie 9]> <script src="js/respond.min.js"></script> <![endif]--> </head> <body> <div id="fh5co-container"> <div class="js-sticky"> <div class="fh5co-main-nav"> <div class="container-fluid"> <div class="fh5co-menu-1 col-sm-9"> <ul> <li><a href="#" data-nav-section="home">home</a></li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">about <span class="caret"></span></a> <ul class="dropdown-menu sub-menu-dropdown"> <li><a href="#"><i class="fa fa-bullseye" aria-hidden="true"></i> observatory</a></li> <li><a href="#"><i class="fa fa-cog" aria-hidden="true"></i> objectives</a></li> <li><a href="#"><i class="fa fa-database" aria-hidden="true"></i> components</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">data <span class="caret"></span></a> <ul class="dropdown-menu sub-menu-dropdown"> <li><a href="#"><i class="fa fa-line-chart" aria-hidden="true"></i> tools</a></li> <li><a href="#"><i class="fa fa-file-text" aria-hidden="true"></i> data access</a></li> <li><a href="#"><i class="fa fa-file-text-o" aria-hidden="true"></i> local climate data</a></li> <li><a href="#"><i class="fa fa-soundcloud" aria-hidden="true"></i> regional climate data</a></li> </ul> </li> <li><a href="#">weather forecasting</a></li> <li><a href="#">publications</a></li> <li><a href="#">education us</a></li> <li><a href="#">contact</a></li> </ul> </div> <div class="fh5co-menu-2 col-sm-3"> <button class="header-login" data-toggle="modal" data-target="#mymodal"><i class="fa fa-sign-in" aria-hidden="true"></i> login</button> <select class="selectpicker" data-width="fit"> <option data-content='<span class="flag-icon flag-icon-es"></span>'></option> <option data-content='<span class="flag-icon flag-icon-gb"></span>'></option> </select> <button class="search-icon" type="button" data-toggle="collapse" data-target="#collapseexample" aria-expanded="false" aria-controls="collapseexample"><img src="images/search-icon.png"></button> <div class="collapse" id="collapseexample"> <div class="well"> ...............search area text here............... </div> </div> </div> </div> </div> </div> <div class="modal fade" id="mymodal" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="mymodallabel">modal title</h4> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">close</button> <button type="button" class="btn btn-primary">save changes</button> </div> </div> </div> </div> <div id="fh5co-home" class="js-fullheight" data-section="home"> <div class="flexslider"> <div class="fh5co-text"> <div class="container"> <div class="row"> <h1 class="to-animate"><a href="#"><img src="images/logo.png" alt=""></a></h1> <h2 class="to-animate maintitle">welcome información climática</h2> </div> </div> </div> <ul class="slides"> <li style="background-image: url(images/slide_1.jpg);" data-stellar-background-ratio="0.5"></li> <li style="background-image: url(images/slide_2.jpg);" data-stellar-background-ratio="0.5"></li> <li style="background-image: url(images/slide_3.jpg);" data-stellar-background-ratio="0.5"></li> <li style="background-image: url(images/slide_4.jpg);" data-stellar-background-ratio="0.5"></li> </ul> </div> </div> </div> <!-- jquery --> <script src="js/jquery.min.js"></script> <!-- jquery easing --> <script src="js/jquery.easing.1.3.js"></script> <!-- bootstrap --> <script src="js/bootstrap.min.js"></script> <!-- bootstrap datetimepicker --> <script src="js/moment.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/js/bootstrap-select.min.js"></script> <script src="js/bootstrap-datetimepicker.min.js"></script> <!-- waypoints --> <script src="js/jquery.waypoints.min.js"></script> <!-- stellar parallax --> <script src="js/jquery.stellar.min.js"></script> <!-- flexslider --> <script src="js/jquery.flexslider-min.js"></script> <script> $(window).load(function() { $('.flexslider').flexslider({ direction: "vertical", animation: "fade" }); }); $(function(){ $('.selectpicker').selectpicker(); }); </script> <!-- main js --> <script src="js/main.js"></script> </body> </html>
Comments
Post a Comment