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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط masoudch
      سلام
      کسی میتونه کمک کنه موردی که در ویدئو مشخص کردم چطور درست میشه؟
      خیلی مهمه و جالب خواهش میکنم راهنمایی کنید. حجم ویدئو حدود 1 مگابایت
       
      هزاران بار سپاس
      C.mp4
    • توسط masoudch
      سلام دوستان
      برای ترکیب دو یا چند فایل جاوا اسکریپت چه باید کرد؟
      همینطور برای ترکیب دو یا چند فایل css ؟
       
      ممنون و سپاس گذار
    • توسط masoudch
      دوستان سلام
      لطفا به لینک زیر بروید و انیمیشن لوگوی سایت در گوشه بالا سمت چپ و همینطور وسطای صفحه انیمیشن عکسهایی که روی هم قرار گرفتن رو نگاه کنید. خیلی خلاقانه وزیباست.
      https://layerslider.kreaturamedia.com/
       
      کسی میتونه راهنمایی کنه این افکت زیبا چطور ایجاد میشه؟
       
      خیلی ممنون و سپاسگذار
    • توسط koolfayfer
      سلام به همه
      دوستان من در پست های وب سایتم یه دکمه گذاشتم که وقتی روش کلیک میشه یه اینپوت تکست کنارش میاد و هیچ مشکلی در این بابت نیست
      اما وقتی پست داخل حلقه قرار میگیره و برای مثال تعدادش به 10 میرسه وقتی روی دکمه کلیک کنم قاطی میکنه چون که میخواد همه کلاس ها رو اینپوت ظاهر کنه
      چکار کنم که وقتی یه متن یا چیزی کلیک شد تنها اینپوت کنار اون ظاهر بشه نه همه!؟