مشکل اسلایدر owl

[premier 142]

دوستان به یک مشکل عجیب خوردم

از این اسلایدر برای سایت استفاده می کنم :

http://owlgraphic.com/owlcarousel/

تو صفحه عادی عمل میکنه ولی به محض اینکه به قالب میبرم عمل نمیکنه !!

یعنی اصلا لود نمیشه !!

من کد اونو میزارم اگه راهی هست کمک کنید

  <!-- Owl Carousel Assets -->
    <link href="<?php bloginfo('template_url'); ?>/css/owl.carousel.css" rel="stylesheet">
    <link href="<?php bloginfo('template_url'); ?>/css/owl.theme.css" rel="stylesheet">

			  <div id="owl-demo" class="owl-carousel">

			    <div class="item"><h1>1</h1></div>
			    <div class="item"><h1>2</h1></div>
			    <div class="item"><h1>3</h1></div>
			    <div class="item"><h1>4</h1></div>
			    <div class="item"><h1>5</h1></div>
			    <div class="item"><h1>6</h1></div>
			    <div class="item"><h1>7</h1></div>
			    <div class="item"><h1>8</h1></div>
			    <div class="item"><h1>9</h1></div>
			    <div class="item"><h1>10</h1></div>
			    <div class="item"><h1>11</h1></div>
			    <div class="item"><h1>12</h1></div>
			    <div class="item"><h1>13</h1></div>
			    <div class="item"><h1>14</h1></div>
			    <div class="item"><h1>15</h1></div>
			    <div class="item"><h1>16</h1></div>
			  </div>
			  <div class="customNavigation">
			    <a class="btn prev">Previous</a>
			    <a class="btn next">Next</a>
			    <a class="btn play">Autoplay</a>
			    <a class="btn stop">Stop</a>
			  </div>
  <script src="<?php bloginfo('template_url'); ?>/js/jquery-1.9.1.min.js"></script>
    <script src="<?php bloginfo('template_url'); ?>/js/owl.carousel.js"></script>
<script type="text/javascript">
    var jq191 = jQuery.noConflict(true);
</script>
    <script>
    $(document).ready(function() {
	  var owl = $("#owl-demo");
	  owl.owlCarousel({
	  items : 10, //10 items above 1000px browser width
	  itemsDesktop : [1000,5], //5 items between 1000px and 901px
	  itemsDesktopSmall : [900,3], // 3 items betweem 900px and 601px
	  itemsTablet: [600,2], //2 items between 600 and 0;
	  itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option

	  });
	  // Custom Navigation Events
	  $(".next").click(function(){
	    owl.trigger('owl.next');
	  })
	  $(".prev").click(function(){
	    owl.trigger('owl.prev');
	  })
	  $(".play").click(function(){
	    owl.trigger('owl.play',1000);
	  })
	  $(".stop").click(function(){
	    owl.trigger('owl.stop');
	  })

    });
    </script>
    <!-- Demo -->
    <style>
    #owl-demo .item{
	    background: #3fbf79;
	    padding: 30px 0px;
	    margin: 10px;
	    color: #FFF;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	    text-align: center;
    }
    .customNavigation{
	  text-align: center;
    }
    .customNavigation a{
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    </style>

[سعید حسینی 2409]

سلام

مشکل در تداخل جی کوئری با وردپرس هست.

کدهاتونو در فوتر قرار بدید بعد از تابع فوتر وردپرس.