Question

我一直在想这几个星期。如何在wordpress中包含一个jquery ...所以我使用了wp_enqeue_scripts（）; 但后来我还是不明白。所以例如我有这个jquery下滑代码..

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

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

});

现在这段代码完全适用于我的静态html代码，顺便提一下幻灯片ID。

那么如何将幻灯片包含到我的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元素在页面加载时具有“幻灯片”ID滑动。

选项＃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

将插件中的脚本排入插件中使用：

/**
* 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

我也在寻找相同的解决方案，但我自己找到了。

在js director中创建一个新文件custom-functions.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' );

我如何将这个jquery代码包含到wordpress中？

6 个答案: