将JavaScript库“Fitty”添加到WordPress

时间:2019-06-13 作者:D. Warning

几个小时以来,我一直在努力解决这个问题,我得出了一个结论,我应该试一试,问问你们。

我想集成JavaScript库“Fitty”(https://github.com/rikschennink/fitty?fbclid=IwAR0m6k5jCxiTar6qNlPncS0X7phdD4YEyKePUSEqMPO4dg2LrV1QRrHJupc) 在我的WordPress安装中。

我学习了几个教程,但没有弄清楚如何准确地集成该库。

有谁能帮我解决这个问题吗?

提前感谢,

多里安。

1 个回复
SO网友:LebCit

1-首先你必须child theme 当前主题的
2-然后,在子主题中创建functions.php 文件3-创建js 文件夹和放置fitty.min.js 在其中创建child.js 文件也包含在此js 文件夹4-英寸functions.php 添加以下内容:

<?php // Opening PHP tag - nothing should be before this, not even whitespace
function child_scripts() {

    wp_enqueue_script( \'fitty\', get_theme_file_uri( \'/js/fitty.min.js\' ), array(), filemtime( get_theme_file_path( \'/js/fitty.min.js\' ) ), true );

    wp_enqueue_script( \'child\', get_theme_file_uri( \'/js/child.js\' ), array( \'jquery\' ), filemtime( get_theme_file_path( \'/js/child.js\' ) ), true );

}
add_action( \'wp_enqueue_scripts\', \'child_scripts\' );
5英寸child.js 添加以下内容:

(function ($) {

    fitty(\'#my-element\'); // Here fitty is targeting the element with an id=\'my-element\' 

})(jQuery);
希望这对您有所帮助:)

相关推荐

当从javascript初始化编辑器时,添加媒体按钮不起作用

我正在尝试用javascript实例化wp\\U编辑器,除了“添加媒体”按钮不起作用外,它工作得很好。没有错误,但单击按钮不会执行任何操作。我能想到的最简单的测试用例是将编辑器添加到注释表单中,我通过这段代码在一个包含完全库存内容的219个子主题中完成了这一操作(使用Hello World!post to test)。add_action(\'wp_enqueue_scripts\', function() { if ( is_single() && comments_open