WordPress до или после javascript проблемы

hi guys im aqeel im пытается реализовать слайд-шоу на домашней странице сайта wordpress, но он не работает, он просто содержит файл easyslider1.5.js который я вставляю в js-папку css, которая, конечно, находится в папке css. Затем я использовал

 wp_register_script( 'slides', get_bloginfo('template_url')."/js/easySlider1.5.js" ); wp_enqueue_script('slides'); 

не работал тогда

 <script src="<?php echo get_template_directory_uri(); ?>/js/easySlider1.5.js" type="text/javascript"></script> 

Я также использовал его с get_bloginfo() но не работал … нормально, я использую их раньше

 wp_head(); 

и код jquery

 <script type="text/javascript"> $(document).ready(function(){ $("#slider").easySlider({ auto: true, continuous: true }); }); </script> 

и используя его после wp_head();

но слайд-шоу не работает ….. я работаю над проектом, и мне действительно нужна ваша помощь.

Solutions Collecting From Web of "WordPress до или после javascript проблемы"

Есть причина, почему нужно использовать правильный крючок , который – в этом случае – это wp_enqueue_scripts .

Тогда всегда имейте в виду, что некоторым плагинам может потребоваться зависимость / зависит от другой библиотеки Javascript, такой как jQuery.

Теперь этот пример показывает, как вставить в очередь ваш скрипт

  • С помощью функции API правильного пути / URI
  • С jQuery как зависимость
  • С номером версии кэширования по требованию (изменение имени файла, когда изменяется содержимое файла и предотвращается кеширование браузера в случае обновления).
  • Загрузка нижнего колонтитула для ускорения загрузки страницы

Это правильный способ загрузки сценария в тему WordPress.

 function wpse64374_register_slider_script() { wp_enqueue_script( 'easy-slider' ,get_stylesheet_directory_uri()."/js/easySlider1.5.js" ,array( 'jquery ) ,filemtime( get_stylesheet_directory()."/js/easySlider1.5.js" ) ,true ); } add_action( 'wp_enqueue_scripts', 'wpse64374_register_slider_script' ); 

Поместите этот код в файл functions.php текущей темы

 add_action('wp_enqueue_scripts', 'easyslider_function'); function easyslider_function(){ if(is_home()){ // assume you want to show slider only Home page. if you set static front page then use is_front_page() in condition. wp_register_script( 'easyslider_js', get_bloginfo('template_url')."/js/easySlider1.5.js" ); wp_enqueue_script('easyslider_js'); echo 'jQuery(document).ready(function(){ jQuery("#slider").easySlider({ auto: true, continuous: true }); });'; } } 

FYI: убедитесь, что вы используете правильный идентификатор в качестве контейнера слайдера.

Надеюсь, этот код поможет вам. Всего наилучшего 😉