javascript - Why is my JQuery function not being called inside bootstrap html template -

-

i have started developing websites , facing issues. trying include jquery plugin html thumbnail carousel bar. issue jq function not being called. tried using other plugins facing same issue. here code. thanks

<!doctype html> <html> <head>  <script src="/media/js/jquery-ui.min.js"></script> <script src="/media/js/css3-mediaqueries.js"></script> <script src="/media/js/fwslider.js"></script> <script type="text/javascript" src="/media/js/jquery1.min.js"></script> <script type="text/javascript"> // junction working         jquery(document).ready(function($) {             $(".scroll").click(function(event){                      event.preventdefault();                 $('html,body').animate({scrolltop:$(this.hash).offset().top},1200);             });         });     </script> <script src="/media/js/jquery.easydropdown.js"></script> // junction working <script type="text/javascript" src="/media/js/jquery.mixitup.min.js"></script> <script type="text/javascript">                 $(function () {                         hovereffect: function () {                             // code on animation working                          }                 });  </script>  </head> <body> <!-- header-section-starts --> <div class="header">   <div class="top-header" ><!--to work on style="position:fixed; width:100%; top: 0px; z-  index:0;"-->     <div class="container"> <!-- navbar code --> <script><!--script-nav-->      $("span.menu").click(function(){      $(".top-menu ul").slidetoggle("slow" , function(){      });      }); </script>     </div>   </div>    <div id="fwslider">     <div class="slider_container">       <div class="slide">          <img src="/media/images/banner.jpg" class="img-responsive" alt=""/>       </div>       <div class="slide"  id="home">         <img src="/media/images/banner1.jpg" class="img-responsive" alt=""/>       </div>     </div>     <div class="timers"></div>     <div class="slideprev"><span></span></div>     <div class="slidenext"><span></span></div>   </div> </div> <!-- header-section-ends -->  <!-- content-section-starts --> <div class="content">   <div class="container">     <div class="about-section-left-grid">       <section class="slider">         <div class="flexslider">           <ul class="slides">             <li>                 <img src="/media/images/tiger1.jpg" class="img-responsive" alt="" />             </li>             <li>                 <img src="/media/images/pic2.jpg" class="img-responsive" alt="" />             </li>           </ul>         </div>       </section>       <script defer src="/media/js/jquery.flexslider.js"></script>       <script type="text/javascript"><!-- works -->                         $(function(){                           syntaxhighlighter.all();                         });                         $(window).load(function(){                           $('.flexslider').flexslider({                             animation: "slide",                             start: function(slider){                               $('body').removeclass('loading');                             }                           });                         });       </script>     </div>   </div>   <!-- here div block thumbnail starts------------------------------------------------ -->   <div class="container-fluid" style="padding:0;">     <div id="custom_carousel" class="carousel slide" data-ride="carousel" data-interval="2500">     <!-- wrapper slides -->       <div class="controls">         <ul class="nav">           <li data-target="#custom_carousel" data-slide-to="0" class="active"><a href="#"><small>individual lessons</small></a></li>           <li data-target="#custom_carousel" data-slide-to="1"><a href="#"><small>player development program</small></a></li>         </ul>       </div>       <script><!--this fuction not being called. taken jq plugin thumbnail carousel -->                 $(document).ready(function(){                 $('#custom_carousel').on('slide.bs.carousel', function (evt) {                   $('#custom_carousel .controls li.active').removeclass('active');                   $('#custom_carousel .controls li:eq('+$(evt.relatedtarget).index()+')').addclass('active');                 })             });       </script>         <div class="carousel-inner">           <div class="item active">             <div class="container-fluid" style="background-color:#282b30;">               <div class="row" >                 <div class="col-md-12">                 <article style="position: relative; width: 100%; opacity: 1;">                  <div class="col-md-4 clients-image">                        <img src="/media/images/beauty.jpg" class="img-responsive" alt="" />                 </div>                 <div class="col-md-8 clients-text">                       <p>claritatem</p>                 </div>                 </article>               </div>             </div>           </div>                     </div>          <div class="item">           <div class="container-fluid" style="background-color:#282b30;">             <div class="row" >               <div class="col-md-12">               <article style="position: relative; width: 100%; opacity: 1;">                <div class="col-md-4 clients-image">                 <img src="/media/images/beauty.jpg" class="img-responsive" alt="" />               </div>               <div class="col-md-8 clients-text">                 <p>claritatem</p>               </div>               </article>             </div>           </div>         </div>                   </div>      </div>   </div><!-- end carousel inner --> </div><!-- end carousel --> </div><!-- end content --> </body> </html>


Comments

Post a Comment

Popular posts from this blog

matlab - "Contour not rendered for non-finite ZData" -

-
i'm trying plot frequency characteristic equation using ezplot, matlab gives following warning, "contour not rendered non-finite zdata". have used command plot frequency equations warning , plot display empty , not change axis range well. can please help. appreciated. here's code i'm using. % transfer matrix case-i, thin rotor clear all; clc; ei = 1626; l = 0.15; m = 0.44108; = 2.178*10^-4; i_p = 2.205*10^-5; itr = 0.24; i_pr = 0.479; syms p n; f = [1 l*1i l^2/(2*ei)*1i l^3/(6*ei); 0 1 l/ei -l^2/(2*ei)*1i; 0 0 1 -l*1i; 0 0 0 l]; p = [ 1 0 0 0; 0 1 0 0; 0 -it*p^2+i_p*n*p 1 0; -m*p^2 0 0 1]; p_r = [1 0 0 0; 0 1 0 0; 0 -itr*p^2+i_pr*n*p 1 0; -m*p^2 0 0 1]; = f*p*f*p*f*p*f; b = p_r*f*p*f*p*f; r = a(1,2)/a(1,4); a12_p = 0; a22_p = a(2,2)-r*a(2,4); a32_p = a(3,2)-r*a(3,4); a42_p = a(4,2)-r*a(4,4); ap(2,2) = a22_p; ap(3,2) = a32_p; ap(4,2) = a42_p; ap(4,4) = 1; c = b*ap; m = [c(3,2) c(3,4); c(4,2) c(4,...
Read more

delphi - Indy UDP Read Contents of Adata -

-
i using indy udp server read string of data. however, not know how work adata parameter. can around converting binary using bytetobin function below , convert hex using bintohex1 . feel stupid , works slow. know how can directly results without 2 conversions? thanks!! here codes: procedure tform1.idudpserver1udpread(athread: tidudplistenerthread; const adata: tidbytes; abinding: tidsockethandle); var buf: tidbytes; buffer: string; data_received: string; begin if bytestostring(adata) <> 'hello' begin buffer := hextostring('00'); setlength(buf, length(buffer)); copytidstring(buffer, buf, 0); abinding.sendto(abinding.peerip, abinding.peerport, buf); data_received := bintohex1(bytetobin(adata[1]) + bytetobin(adata[2]) + bytetobin(adata[3]) + bytetobin(adata[4]) + bytetobin(adata[5]) + bytetobin(adata[6]) + bytetobin(adata[7]) + bytetobin(adata[8]) + bytetobin(adata[9]) + bytetobin(adata[10]) + bytetobin(adata[11...
Read more

javascript - Any ideas when Firefox is likely to implement lengthAdjust and textLength? -

-
any ideas when firefox implement lengthadjust andtextlength?..... working svg application. lengthadjust , textlength working fine in chrome not working in fire fox . <svg viewbox = "0 0 500 300" version = "1.1"> <defs> <path id="s3" d="m 10,90 q 100,15 200,70" /> </defs> <g> <text font-size = "20"> <textpath xlink:href="#s3" textlength="205"> short text</textpath> </text> <use xlink:href="#s3" fill="none" stroke="black" stroke-width="1"/> </g> </svg> this implemented in firefox text elements (not textpath or tspan) in case that's ok though can move attribute text element. <svg viewbox = "0 0 500 300" version = "1.1"> <defs> ...
Read more