Как включить этот код jQuery в wordpress?

Question

Я искал, чтобы понять это в течение нескольких недель. Как включить jquery в wordpress ... поэтому я использовал wp_enqeue_scripts(); , но потом я все еще не понимаю. так, например, у меня есть этот JQuery слайд вниз код ..

$jQuery(document).ready(function() { 

    $jQuery('#slide').slideDown(); 

}); 

теперь этот код прекрасно работает на моем статическом HTML код, который имеет скользящую идентификатор в нем, кстати ..

так, как бы я включить этот слайд в мой плагин wordpress? вот мой код плагина

<?php 
/* 
Plugin Name: Jquery Test. 
Plugin URI: http://wsplugins.com 
Description: A plugin that increases your website traffic by floating facebook, twitter and google + share button. The buttons bounce and move over your page ensuring maximum attention by your visitors. 
Author: Ronny Kibet. 
Author URI: http://@.com 
Version: 1.0 
*/ 

спасибо.

Answer 1

У вас есть несколько вариантов.

Вариант № 1

Вставьте код в footer.php (или header.php).

<script> 
$(function() { 
    $jQuery('#slide').slideDown(); 
}); 
</script> 

Это приведет к тому, что каждый элемент DOM с идентификатором «слайд» будет скользить при загрузке страницы.

Вариант № 2

WordPress' API Используя, вы можете создать метод в вашей теме, чтобы включить JavaScript файл с кодом внутри. Это сложнее и требует понимания перехватов WordPress.

Answer 2

У меня возникла такая же проблема, но я получил ее для «некоторой» работы. Сначала вам нужно использовать wp_register_scripts с именем сценария, а затем сделать wp_enque_script («scriptname»); ... я не понимаю, почему так оно и есть, но нам просто нужно иметь дело: -/

Answer 3

вам могут понадобиться использовать noConflict, пример может быть:

<script type="text/javascript"> 

var slide=jQuery.noConflict(); 

slide(function() { 
    slide('#slide').slideDown(); 
}); 
</script> 

Answer 4

в епдиеем сценарий в WordPress в использовании плагина это:

/** 
* Proper way to enqueue scripts 
*/ 
function theme_name_scripts() { 
    wp_enqueue_script('script-name', get_template_directory_uri() . '/js/example.js', array('dependencyScriptThatNeedsToExecuteBeforeMyScriptName','forExample','jquery), '1.0.0', true); 
} 

add_action('wp_enqueue_scripts', 'theme_name_scripts'); 

Answer 5

Я также искал то же решение, но я нашел это я сам.

создать новый файл custom-functions.js в директории js и пройти код, который вы хотите вставить в этот файл. Теперь епдиеий его в functions.php

wp_enqueue_script('custom-functions', get_template_directory_uri() . '/js/custom-functions.js', array(), '1.0', true); 

прочитать полный учебник по Bootstrap WordPress Snippets - wp_enqueue_script

Answer 6

function theme_name_scripts() { 
     wp_enqueue_script('script-name', plugins_url('/js/responsiveslides.min.js' , __FILE__),  array(),false, true); 
} 
add_action('wp_enqueue_scripts', 'theme_name_scripts');