将下载的JS文件添加到WordPress

时间:2016-02-09 作者:Grégoire Llorca

我的网页上有一个非常大的表格(从横向来看),我添加了一个滚动条,使用“overflow-y:auto属性,这符合我的要求。

问题是这张桌子也很高(垂直),我想在它的顶部和底部都有一个滚动条。

我最近下载了以下JS文件:https://github.com/sniku/jQuery-doubleScroll/ 解决这个问题。

I uploaded it on my child-theme directory 在/js/子文件夹下。

In my functions.php 文件中,我添加了以下行:

function dsb_adding_scripts() {
    wp_register_script(\'doubleScroll\', get_stylesheet_directory_uri() . \'/js/jquery.doubleScroll.js\', array(\'jquery\'),\'0.3\', true);
    wp_enqueue_script(\'doubleScroll\');
}
add_action( \'wp_enqueue_scripts\', \'dsb_adding_scripts\' ); 
正如github页面中建议的那样,I also started the table as follows:

<div id="double-scroll"><table id="very-wide-element">
最终,所有这些都行不通。

在示例文件中,它表示我应该使用以下代码:

<script type="text/javascript">
    $(document).ready(function(){
       $(\'#double-scroll\').doubleScroll();
    });
</script>
然而,这并不是使用WordPress的正确方式(正如在codex上看到的),这就是为什么我没有使用它。

显然,当从使用标记切换到使用wp\\u enqueue\\u scripts函数时,我犯了一些错误,我无法找出原因。

抱歉,如果你觉得这很明显,但我是JS新手。

非常感谢您的帮助和时间。

1 个回复
SO网友:propz

您必须将javascript片段加载到标题中。

您必须选择:

编辑主题标题。php并将代码放在结束标记之前,将代码插入到标题中,在函数中插入一个自定义函数。php

function my_custom_js() {
    echo \'<script type="text/javascript">
    jQuery(document).ready(function($){
       jQuery("#double-scroll").doubleScroll();
    });
    </script>\';
}
// Add hook for front-end <head></head>
add_action(\'wp_head\', \'my_custom_js\');

相关推荐

显示作者姓名PHP(自制插件)

我有一个需要帮助的问题,因为我自己找不到解决办法。我接管了一个网站,之前有人在那里创建了一个自制插件。。使用默认插件“Contact Form 7”,用户可以在页面上创建帖子。()https://gyazo.com/c8b20adecacd90fb9bfe72ad2138a980 )关于自行创建的插件“Contact Form 7 extender”,帖子是通过PHP代码在后台生成的(https://gyazo.com/115a6c7c9afafd2970b66fd421ca76a3)其工作原理如下:如果