masoudch

owl-carousel
مشکل با پیدا نکردن jquery برای owl-carousel

1 پست در این موضوع قرار دارد

سلام

به کمکتون نیاز دارم.

به مشکل خوردم برای اضافه کردن یک فایل جاوا اسکریپت برای ایجاد اسلاید شو (owl-carousel) در تم وردپرس.

این تم html بوده که درحال تبدیل اون به تم وردپرس هستم.

کد جاوااسکریپت: این کد رو کجا باید قرار بدم که مشکل اسلایدشو حل بشه؟

    <script>
		// You can also use "$(window).load(function() {"
		$(function () {
		  // Slideshow 
		  $("#slider").responsiveSlides({
			auto: true,
			pager: false,
			nav: true,
			speed: 500,
			namespace: "callbacks",
			before: function () {
			  $('.events').append("<li>before event fired.</li>");
			},
			after: function () {
			  $('.events').append("<li>after event fired.</li>");
			}
		  });
		});
	</script>

آدرس دهی در فانکشن وارد کردم: این درسته که میتونم کدهای جاوا اسکریپت و توی فوتر قرار بدم و بعد از طریق فانکشن یا حالا هر روش دیگه ای اونا رو فراخونی کنم که دیگه همچین مشکلی پیش نیاد؟

<?php
	
	function insert_style() {
		wp_enqueue_style('zerogrid' , get_template_directory_uri().'/assets/css/zerogrid.css');
		wp_enqueue_style('style' , get_template_directory_uri().'/assets/css/style.css');
		wp_enqueue_style('responsiveslides' , get_template_directory_uri().'/assets/css/responsiveslides.css');
		wp_enqueue_style('font-awesome-min' , get_template_directory_uri().'/assets/font-awesome/css/font-awesome.min.css');
		wp_enqueue_style('owl-carousel' , get_template_directory_uri().'/assets/owl-carousel/owl.carousel.css');
		wp_enqueue_style('owl-theme' , get_template_directory_uri().'/assets/owl-carousel/owl.theme.css');
		wp_enqueue_style('menu' , get_template_directory_uri().'/assets/css/menu.css');
		
		//add scripts
		
		wp_enqueue_script('jquery183-min' , get_template_directory_uri().'/assets/js/jquery183.min.js');
		wp_enqueue_script('script' , get_template_directory_uri().'/assets/js/script.js');
		wp_enqueue_script('jquery-latest-min' , get_template_directory_uri().'/assets/js/jquery-latest.min.js');
		wp_enqueue_script('responsiveslides-min' , get_template_directory_uri().'/assets/js/responsiveslides-min.js');
		wp_enqueue_script('owl-carousel-min' , get_template_directory_uri().'/assets/owl-carousel/owl.carousel.min.js');
	}
	
	add_action('wp_enqueue_scripts' , 'insert_style');

?>

خطایی که با بررسی inspect element متوجه شدم اینه که اصلا فایل owl-carousel.js خونده نمیشه.

ممنون.

 

ویرایش شده در توسط masoudch
0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط nazanin123
      باسلام ، ی select option دارم
      من میخوام با jQuery ترجیحا ajax بتونم طبق انتخاب کاربر بخش مربوطه رو نمایش بدم
      کدهای منو ببینید 
      // صفحه اصلی index.php <script> jQuery(document).ready(function($) { jQuery('#select123').change(function() { jQuery('.content123').hide(); jQuery('#' + jQuery(this).val()).show(); }).trigger("change"); }); </script> <select id="select123">  <option value="content1" selected>content1</option> <option value="content2">content2</option> <option value="content3">content3</option> <option value="content4">content4</option> </select> * توجه: میخوام وقتی صفحه بالا ران میشه text defult show بطور پیش فرض نمایش داده بشه
      صفحه my-page.php
      //my-page.php <div id="content1" class="content123"> text defult show </div> <div id="content2" class="content123"> contentttttttt </div> <div id="content3" class="content123"> content3 </div> <div id="content4" class="content123"> content4 </div>  
    • توسط nazanin123
      من یک سلکت آپشن برای نمایش جدول دارم که میخوام آپشن هام دوتا بشه.
      سلکت آپشن من اینه:
      <select id="select123">  <option value="content1">جدول قیمت</option>  <option value="content2">جدول دلار</option> </select> <div id="content1" class="content123">  نمایش جدول قیمت </div> <div id="content2" class="content123">  نمایش جدول دلار </div> Script: jQuery(document).ready(function($) { jQuery('#select123').change(function() { jQuery('.content123').hide(); jQuery('#' + jQuery(this).val()).show(); }).trigger("change"); }); Css: div.content123 { display: none } دو جدول قیمت و جدول دلار . میخوام به هر کدوم ی آپشن اضافه شه ، مثلا آپشن دوم جدول قیمت بشه دیروز - امروز 
      جدول آپشن قیمت دلار بشه هفته گذشته - قیمت روز
      یعنی کاربر وقتی میزنه جدول دلار بعد در آپشن دوم انتخاب کنه هفته گذشته ، یا روز 
      چطوری میشه کدهام؟
      ممنونم از دوستانی که کمک میکنن
    • توسط koolfayfer
      سلام و وقت بخیر
      من برای سایتم از این استفاده کردم که کارش یه پروگرس بار لودینگ به همراه ایجکس کردن صفحه است
      لودینگش اجرا میشه اما ایجکسش کار نمیکنه
      برای این که متوجه بشید دو سایت زیر رو بررسی کنید
      نمونه صحیح:
      http://zakerin.ir
       
      نمونه شبیه چیزی که من به اون رسیدم:
      https://zhaket.com
      (چیزی که اشتباهه اینه که صفحه لود میشه و سفید میره و میاد بعدش پروگرس اجرا میشه که اصولا نباید صفحه رفرش بشه)
       
      دوستان لطفا کمک کنند
    • توسط koolfayfer
      سلام دوستان
      چطوری میتونم با کلیک کردن بر روی یه دکمه محتویات همون صفحه رو در قالب html ذخیره کنم؟
    • توسط masoudch
      سلام
      کسی میتونه کمک کنه موردی که در ویدئو مشخص کردم چطور درست میشه؟
      خیلی مهمه و جالب خواهش میکنم راهنمایی کنید. حجم ویدئو حدود 1 مگابایت
       
      هزاران بار سپاس
      C.mp4