Javascript İki Jquery Sorunu
-
sorunu 1.9.1 kullanarak çözdüm
şimdi sormak istediğim
iki tane jquery kullanıyorum birini fancybox diğerini bootstrap drop menu için
iki jquery çakışmasın diye ayarları yaptım. fakat ikisini birden çalıştıramıyorum
sadece jquery 1.4.3 kullandıgım zaman açılır menü çalışmıyor
sadece jquery-1.11.2 kullandıgım zaman fancybox çalışmıyor sadece
iki jquery kullandıgım zaman fancybox çalışıyor yine açılır menü çalışmıyor
bu işin çözümü nedir hocalar.
Not: iki jquery çalışması için söylenen jQuery.noConflict(); yapıldı kodlara bakarsanız görürsünüz
4 <!doctype html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]--> <!--[if gt IE 8]><!--> <!--<![endif]--> <html class="no-js" lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Polmo - One Page HTML5 Template By Jewel Theme</title> <meta name="description" content="Polmo - One Page HTML5 Template By Jewel Theme"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon" href="apple-touch-icon.png"> <!-- Include Bootstrap Css --> <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <!-- Include Bootstrap Min Css --> <link rel="stylesheet" href="assets/css/bootstrap-theme.min.css"> <!-- Include Animate Min Css --> <link rel="stylesheet" href="assets/css/animate.min.css"> <!-- Include Fontawesome Min Css --> <link rel="stylesheet" href="assets/css/font-awesome.min.css"> <!-- Include Magnific PopUp Css --> <link rel="stylesheet" href="assets/css/magnific-popup.css"> <!-- bxSlider CSS file --> <link href="assets/css/jquery.bxslider.css" rel="stylesheet" > <!-- Include Style Css --> <link rel="stylesheet" href="assets/css/style_uc.css"> <!-- Include Responsive Css --> <link rel="stylesheet" href="assets/css/responsive.min.css"> <!-- Include Modernizer Js --> <!-- Header Section --> <header id="masthead" class="masthead navbar navbar-default navbar-fixed-top"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <button class="navbar-toggle" data-toggle="collapse" data-target=".ackapa"><div class="icon-bar"></div><div class="icon-bar"></div><div class="icon-bar"></div></button> <a href="#" class="navbar-brand">NAVİGASYON</a> <div class=" collapse navbar-collapse ackapa"> <ul class="nav navbar-nav navbar-right"> <li > <a href="#">Anasayfa</a> </li> <li> <a href="#">Hakkımızda</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Ürünler<div class="caret"></div></a> <ul class="dropdown-menu"> <li><a href="#">Grafik tasarım</a></li> <li><a href="#">Web tasarım</a></li> <li><a href="#">3d tasarım</a></li> <li><a href="#">yazılım bilgisi</a></li> </ul> </li> <li> <a href="#">iletişim</a></li> </ul> </div> </div> </div> </div> </div> </div><!-- /.container --> </header><!-- /#masthead --> <!-- Header Section --> <div class="container"> <h3><b><p class="text-center"><span class="label label-default ">HAVUZ POMPALARI</span></p></b></h3> <div class="row" align="center"> <h1>galeri</h1> <script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/jquery-1.11.2.min.js"></script> <!--jquery--> <!--Now Start for Zoom Effect--> <style type="text/css"> .thumbnail{ width:221px; height:auto; overflow:hidden; } img{ -webkit-transition:all 0.5s ease; } img:hover{ transform:scale(2,2); } </style> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <a id="example2" href="../../../../polmo/Ürün_Resimleri/Kripsol_Kalifornia _Serisi_KAL_Model.png"><img src="../../../../polmo/Ürün_Resimleri/Kripsol_Kalifornia _Serisi_KAL_Model.png" style="width:521px;height:201px;" /></a> </div> </div> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <a id="example2" href="../../../../polmo/Ürün_Resimleri/Untitled-1.png"><img src="../../../../polmo/Ürün_Resimleri/Untitled-1.png" /></a> </div> </div> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <a id="example2" href="../../../../polmo/Ürün_Resimleri/Untitled-1.png"><img src="../../../../polmo/Ürün_Resimleri/Untitled-1.png" /></a> </div> </div> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <a id="example2" href="../../../../polmo/Ürün_Resimleri/Untitled-1.png"><img src="../../../../polmo/Ürün_Resimleri/Untitled-1.png" /></a> </div> </div> <div class="col-xs-6 col-md-3"> <div class="thumbnail"> <a id="example2" href="../../../../polmo/Ürün_Resimleri/Untitled-1.png"><img src="../../../../polmo/Ürün_Resimleri/Untitled-1.png" /></a> </div> </div> </div><!--row--> </div><!--container--> <nav> <div class="row text-center"> <ul class="pagination"> <li> <a href="#" aria-label="Previous"> <span aria-hidden="true">«</span> </a> </li> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li> <a href="#" aria-label="Next"> <span aria-hidden="true">»</span> </a> </li> </ul> </nav> </div> <nav> <!----start-bottom-footer----> <footer> <div class="footer-bottom"> <div class="container"> <div class="footer-menu pull-left"> <div class="widget widget_menu"> <nav class="widget-menu"> <div class="bottom-footer"> <div class="wrap"> <footer class="bg-black"> <div class="container"> <div class="row"> <div class="col-md-6 "> <div class="cp-right"> <p>© LTD.ŞTİ.Bütün Hakları Saklıdır. </p> </div><!-- end build --> </div><!-- end col --> <div class="col-md-6 text-right"> <ul class="list-inline"> <li><a href="#" class="socIcon color-primary linear"><i class="fa fa-facebook fa-2x"></i></a></li> <li><a href="#" class="socIcon color-primary linear"><i class="fa fa-instagram fa-2x"></i></a></li> <li><a href="#" class="socIcon color-primary linear"><i class="fa fa-twitter fa-2x"></i></a></li> </ul> </div> </div> </div> </div> </nav> </div> </div> </div> </footer> <!-- /Footer --> </div> </div> </footer> </div> <script src="jquery-1.4.3.min.js"></script> <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script> <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" /> <link rel="stylesheet" type="text/css" href="style.css" media="all" /> <script type="text/javascript"> var jk = jQuery.noConflict(); jk(document).ready(function() { jk("a#example2").fancybox({ 'overlayShow' : true, 'transitionIn' : 'elastic', 'transitionOut' : 'elastic' }); }); </script> <!-- Include Custom Js </--> <script src="assets/js/custom.min.js"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-63948535-1', 'auto'); ga('send', 'pageview'); </script> <script> $(".bxslider").bxSlider({auto:!0,preloadImages:"all",mode:"horizontal",captions:!1,controls:!0,pause:4000,speed:1200,onSliderLoad:function(){$(".bxslider>li .slide-inner").eq(1).addClass("active-slide"),$(".slide-inner.active-slide .slider-title").addClass("wow animated bounceInDown"),$(".slide-inner.active-slide .slide-description").addClass("wow animated bounceInRight"),$(".slide-inner.active-slide .btn").addClass("wow animated zoomInUp")},onSlideAfter:function(e,i,n){console.log(n),$(".active-slide").removeClass("active-slide"),$(".bxslider>li .slide-inner").eq(n+1).addClass("active-slide"),$(".slide-inner.active-slide").addClass("wow animated bounceInRight")},onSlideBefore:function(){$(".slide-inner.active-slide").removeClass("wow animated bounceInRight"),$(".one.slide-inner.active-slide").removeAttr("style")}}),$(document).ready(function(){function e(){return"ontouchstart"in document.documentElement}function i(){if("undefined"!=typeof google){var i={center:[-37.817331,144.955652],zoom:15,mapTypeControl:!0,mapTypeControlOptions:{style:google.maps.MapTypeControlStyle.DROPDOWN_MENU},navigationControl:!0,scrollwheel:!1,streetViewControl:!0};e()&&(i.draggable=!1),$("#googleMaps").gmap3({map:{options:i},marker:{latLng:[23.709921,90.407143],options:{icon:"images/mapicon.png"}}})}}$("#masthead #main-menu").onePageNav(),i()}),$("#contactform").on("submit",function(e){e.preventDefault(),$this=$(this),$.ajax({type:"POST",url:$this.attr("action"),data:$this.serialize(),success:function(){alert("Message Sent Successfully")}})}); </script> </body> </html>
-
Hocam, kodları böyle paylaşırsan kimse derdini anlamaz.
Deneme olarak bir yere koy yada consoleda çıkan hatayı buraya yaz.