如何在“父”中设置“子”javascript文件中的变量值？

Question

在我的index.php中，我有一个切换侧边栏的脚本。

$(function() { 
            // Open the Sidebar
            $(".sidebar.right").trigger("sidebar:open");
            // Toggle the Sidebarbutton to close
            $(".open-close-button").toggleClass("open");

            count = "1";
        });

还有一个“打开/关闭”按钮，可以切换侧边栏。 - 现在，如果我将侧边栏设置为“打开”，我需要告诉切换按钮关闭，如果有人点击它 - 我通过将“count”设置为“1”来实现。

“伯爵”是一个“全球变量” - 我想。我是javascript的新手，但它没有功能。看这里，那就是“sidebar-toggle-script”sidebarhandlers.js：

    var count = "0";
    var open = "open";
    var close = "close";

$(".sidebaropenclose").on("click", function () {

    var $this = $(this);
    var side = $this.attr("data-side");

    if (count == "0") {

        $this = $(this);
        side = $this.attr("data-side");
        $(".sidebar." + side).trigger("sidebar:" + open);
        count++;
        return false;
    } 
    if (count == "1") {

        $this = $(this);
        side = $this.attr("data-side");
        $(".sidebar." + side).trigger("sidebar:" + close);
        count = 0;
        return false;
    }  

在我的“index.php”的“标题”中，我用以下内容初始化脚本：

<script src="js/sidebarhandlers.js"></script>

问题是我如何将“count”从我的“index.php”发送到“sidebarhandlers.js”。 - 我的版本不起作用。