Javascript JQuery代码在JSFIDLE中正常工作，但即使使用$（window.load（function（））也不能在浏览器中正常工作

所以我尝试使用下拉列表进行搜索，根据选择的答案显示/隐藏一些复选框。问题是它在jsfiddle.net上工作得很好，但拒绝在本地机器上正确加载。我看到了一篇类似的帖子，并说了一些关于在脚本的其余部分之前添加$window.loadfunction的内容，但即便如此，它还是不起作用。我可能做错了什么，所以非常感谢您的帮助

JSFIDLE的链接如下：

load的参数必须是一个函数

如果函数不是保留字，则loadfunction会将调用名为function的函数的返回值传递给它，使其成为错误

function init() {

    $('.drop-down-show-hide').hide();

    $('#dropDown').change(function () {
    $(this).find("option").each(function () {
        $('#' + this.value).hide();
    });
    $('#' + this.value).show();

}

$(window).load( init );

load的参数必须是一个函数

如果函数不是保留字，则loadfunction会将调用名为function的函数的返回值传递给它，使其成为错误

function init() {

    $('.drop-down-show-hide').hide();

    $('#dropDown').change(function () {
    $(this).find("option").each(function () {
        $('#' + this.value).hide();
    });
    $('#' + this.value).show();

}

$(window).load( init );

---

尝试使用$document.ready？另外，加载函数没有包装JSF的其余部分，或者尝试包装$window.loadfunction。。。代码放在这里；或者在脚本开头添加$document.ready之前添加代码？很抱歉问了这么愚蠢的问题，但我对这个问题还不熟悉。$window.loadfunction{*在这里从小提琴上复制并粘贴脚本*}；我修复了加载语法中的错误，并将代码放入其中，但它仍然无法正确显示。按照罗伯特的建议，我先把它移到了尸体前面，它成功了。然后，在我解决了一些相互矛盾的问题后，我尝试使用昆汀的说话和工作方式。谢谢大家的帮助！尝试使用$document.ready？另外，加载函数没有包装JSF的其余部分，或者尝试包装$window.loadfunction。。。代码放在这里；或者在脚本开头添加$document.ready之前添加代码？很抱歉问了这么愚蠢的问题，但我对这个问题还不熟悉。$window.loadfunction{*在这里从小提琴上复制并粘贴脚本*}；我修复了加载语法中的错误，并将代码放入其中，但它仍然无法正确显示。按照罗伯特的建议，我先把它移到了尸体前面，它成功了。然后，在我解决了一些相互矛盾的问题后，我尝试使用昆汀的说话和工作方式。谢谢大家的帮助！我使用了你的建议，但它与我的代码中的某些内容相冲突，所以我更改了它，它起了作用。我使用了你的建议，它起了作用，但它与我的代码中的某些内容相冲突，所以我更改了它，它起了作用。