Javascript 将下载的JS文件添加到WordPress

我的网页上有一个非常大的表（从水平角度讲），我在CSS上添加了一个滚动条，使用“overflow-y:auto；”属性，这就是我想要的

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

我最近下载了以下JS文件：来解决这个问题。我把它上传到我的子主题目录/js/子文件夹下

在我的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页面中的建议，我还按如下方式启动了该表：

<div id="double-scroll"><table id="very-wide-element">

最后，所有这些都不起作用

在示例文件中，它说我应该使用以下代码：

<script type="text/javascript">
    $(document).ready(function(){
       $('#double-scroll').doubleScroll();
    });
</script>

$（文档）.ready（函数（）{
$（'#双卷轴'）。双卷轴（）；
});

然而，这并不是使用WordPress的正确方法（正如在codex上看到的），这就是为什么我没有使用它的原因

显然，当从使用

标记切换到使用wp\u enqueue\u scripts函数时，我做了一些错误的事情，我不知道是什么

很抱歉，如果这对你来说很明显，但我是JS新手

---

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

仅使用CSS就可以实现一个可能的解决方案。 对于这两个元素：在div元素的类中设置{overflow-x:visible}，在表的类中设置{overflow-y:visible}。（可见显示滚动条并将溢出设置为自动）

CSS: .div{overflow-x:visible} .table{overflow-y:visible}

HTML:

---

（div id=“double scroll”class=“div”//table id=“甚宽元素”class=“table”）

您需要将脚本排队，然后需要将示例javascript包含在javascript文件中。这会让你工作的。