将下载的 JS 文件添加到 WordPress答案

【问题标题】：Add a downloaded JS file to WordPress将下载的 JS 文件添加到 WordPress
【发布时间】：2015-12-16 15:00:34
【问题描述】：

我的网页上有一个非常大的表格（水平而言），我使用“overflow-y: auto;”添加了一个滚动条我的 CSS 上的属性，它可以满足我的需求。

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

我最近下载了以下 JS 文件：https://github.com/sniku/jQuery-doubleScroll/ 来解决这个问题。我将它上传到 /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>

但是，这不是使用 WordPress 的正确方法（如 codex 所示），这就是我没有使用它的原因。

显然，当从使用 <script> 标签切换到使用 wp_enqueue_scripts 函数时，我做错了什么，我不知道是什么。

对不起，如果这对你来说很明显，但我是 JS 新手。

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

【问题讨论】：

您需要将您的脚本排入队列，然后您需要将示例 javascript 包含在一个 javascript 文件中。这应该让你工作。

标签： javascript php jquery css wordpress

【解决方案1】：

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

CSS： .div{溢出-x：可见} .table{overflow-y: 可见}

HTML: (div id="double-scroll" class="div"//table id="very-wide-element" class="table")

【讨论】：