【问题标题】:trouble importing jquery into wordpress将 jquery 导入 wordpress 时遇到问题
【发布时间】:2013-10-01 16:38:32
【问题描述】:

wordpress 内置 jquery 有一个非常烦人的问题。我已经阅读了几十篇关于使用functions.php(代码如下所示)正确注册和调用已注册jquery脚本的文章,但无论如何我尝试它似乎都无法工作。您能否向我解释一下我做错了什么,我检查了与 wp_register_script 挂钩的每个文件路径,header.php 中的 wp_head 已到位,拼写正确...我无法想到没有 jquery 的可能原因下面列出的插件在我的页面上不起作用,这令人沮丧。这是我网站的链接,如果它可以帮助你 (http://yuagro.eu.pn/wordpress)。非常感谢。

// REGISTROVANJE JQUERY BIBLIOTEKA U WORDPRRESSU

<?php
    function jquery_biblioteke() {

    wp_register_script( 'sticky-nav', get_template_directory_uri() . '/js/jquery.sticky.js', array('jquery') ); 
    wp_register_script( 'basic-slider', get_template_directory_uri() . '/js/bjqs-1.3.min.js', array('jquery') );
    wp_register_script( 'modern-ticker', get_template_directory_uri() . '/js/jquery.modern-ticker.min.js', array('jquery') );
    wp_register_style( 'modern-tickerjs', get_template_directory_uri() . '/js/modern-ticker.js', array('modern-ticker') );
    wp_register_script( 'easySlider', get_template_directory_uri() . '/js/easySlider1.7.js', array('jquery') );


    wp_enqueue_script('sticky-nav');
    wp_enqueue_script( 'basic-slider' );
    wp_enqueue_script('modern-ticker');
    wp_enqueue_script('modern-tickerjs');
    wp_enqueue_script('easySlider');

    }

    add_action( 'wp_enqueue_scripts','jquery_biblioteke');

?>

【问题讨论】:

    标签: javascript jquery wordpress import


    【解决方案1】:

    我检查了你的链接,检查控制台,它说'jQuery 未定义',你是否包含 jQuery 库,即wp_enqueue_script('jquery');

    【讨论】:

    • 不,我没有在顶部包含 jquery 库,但我想它会自动被 wp_register_script 标记中的数组('jquery')调用。我现在一定会试试这个,然后回复你:)
    • 所以我按照你说的包含了 jQuery 库,但是控制台仍然在第 20、35 和 42 行显示“jQuery 未定义”错误。这些是我想要的 jquery 插件的调用在我的网站上使用,并且它们直接嵌入在 index.php 中,准确地说,在不同样式表的链接下方的 header.php 中,如果您在 Firefox 中查看页面源,您可以看到这些行(我正在使用Web Developer 插件,您可以在当前使用的任何浏览器中查看此内容)。
    【解决方案2】:

    嗯,我从不注册它们,只是用路径将它们加入队列,如下所示:

    <?php
    function jquery_biblioteke() {
    
    wp_enqueue_script( 'sticky-nav', get_template_directory_uri() . '/js/jquery.sticky.js', array('jquery') ); 
    wp_enqueue_script( 'basic-slider', get_template_directory_uri() . '/js/bjqs-1.3.min.js', array('jquery') );
    wp_enqueue_script( 'modern-ticker', get_template_directory_uri() . '/js/jquery.modern-ticker.min.js', array('jquery') );
    wp_enqueue_script( 'modern-tickerjs', get_template_directory_uri() . '/js/modern-ticker.js', array('modern-ticker') );
    wp_enqueue_script( 'easySlider', get_template_directory_uri() . '/js/easySlider1.7.js', array('jquery') );
    
    
    }
    
    add_action( 'wp_enqueue_scripts','jquery_biblioteke');
    
    ?>
    

    【讨论】:

    • 我也会尝试这种方法,因为所有关于 jquery 和 wordpress 的事情真的让我很紧张,可以这么说,它让我的项目停止了很大的时间。 :) pozdrav i hvala na odgovoru ;)
    【解决方案3】:
    wp_enqueue_script('jquery');
    

    将此添加到您的 wordpress 功能之上

    【讨论】:

    • 非常感谢你们(和女孩):D,你们帮了我很多。我解决了我的问题,并且获得了非常有用的知识,这将有助于我未来的所有项目。所以这是最后的代码,我已经应用了 Bojana 关于只使用 wp_enqueue_script 的建议,gwillie 的建议很有用,因为它提醒我从我的 header.php 中删除所有
    猜你喜欢
    • 2021-03-16
    • 2014-08-17
    • 1970-01-01
    • 1970-01-01
    • 2017-01-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多