Javascript 引导/jQuery单选按钮不'；不能在Firefox/Safari上工作

我有一个用于显示/隐藏部分内容的引导单选按钮，它在Chrome上工作得很好，但在Firefox和Safari（iPhone、iPad…）上都不工作。默认情况下，它显示所有内容-即使5行中的4行应该在加载时隐藏

另外，我在Firefox上发现了以下两个错误（它们不会出现在Chrome上）：

这是一个WordPress网站，拥有市场上最流行的付费主题之一，所以我猜jQuery应该不会有任何问题，但似乎有问题。原因可能是什么

当我试图在从下面的代码段加载脚本之前手动加载jQuery时，页面甚至无法加载，因为我遇到了一些jQuery冲突

代码如下：

（函数（$）{
var$first_visible=1；
var$second_visible=0；
var$third_visible=0；
var$fourth_visible=0；
var$fifth_visible=0；
//隐式隐藏除第一个之外的所有
$（文档）.ready（函数（）{
$（'row2'）。隐藏（'1'）；
$（'row3'）。隐藏（'1'）；
$（'row4'）。隐藏（'1'）；
$（'row5'）。隐藏（'1'）；
});
$（“输入[name=options]”）。更改（函数（）{
如果（this.value==“1”）{
如果（$second_可见）{
$（'row2'）.fadeOut（'200'，function（）{$（'row1'）.fadeIn（'200'）；}）；
$second_visible=0；
}
else if（$third_可见）{
$（'row3'）.fadeOut（'200'，function（）{$（'row1'）.fadeIn（'200'）；}）；
$third_visible=0；
}
else if（$fourth_可见）{
$（'row4'）.fadeOut（'200'，function（）{$（'row1'）.fadeIn（'200'）；}）；
$fourth_可见=0；
}
否则如果（$5th_可见）{
$（'row5'）.fadeOut（'200'，function（）{$（'row1'）.fadeIn（'200'）；}）；
$5th_可见=0；
}
$first_visible=1；
}
else if（this.value==“2”）{
如果（$first_可见）{
$（'row1'）.fadeOut（'200'，function（）{$（'row2'）.fadeIn（'200'）；}）；
$first_visible=0；
}
else if（$third_可见）{
$（'row3'）.fadeOut（'200'，function（）{$（'row2'）.fadeIn（'200'）；}）；
$third_visible=0；
}
else if（$fourth_可见）{
$（'row4'）.fadeOut（'200'，function（）{$（'row2'）.fadeIn（'200'）；}）；
$fourth_可见=0；
}
否则如果（$5th_可见）{
$（'row5'）.fadeOut（'200'，function（）{$（'row2'）.fadeIn（'200'）；}）；
$5th_可见=0；
}
$second_visible=1；
}
否则如果（this.value==“3”）{
如果（$first_可见）{
$（'row1'）.fadeOut（'200'，function（）{$（'row3'）.fadeIn（'200'）；}）；
$first_visible=0；
}
else if（$second_可见）{
$（'row2'）.fadeOut（'200'，function（）{$（'row3'）.fadeIn（'200'）；}）；
$second_visible=0；
}
else if（$fourth_可见）{
$（'row4'）.fadeOut（'200'，function（）{$（'row3'）.fadeIn（'200'）；}）；
$fourth_可见=0；
}
否则如果（$5th_可见）{
$（'row5'）.fadeOut（'200'，function（）{$（'row3'）.fadeIn（'200'）；}）；
$5th_可见=0；
}
$third_visible=1；
}
else if（this.value==“4”）{
如果（$first_可见）{
$（'row1'）.fadeOut（'200'，function（）{$（'row4'）.fadeIn（'200'）；}）；
$first_visible=0；
}
else if（$second_可见）{
$（'row2'）.fadeOut（'200'，function（）{$（'row4'）.fadeIn（'200'）；}）；
$second_visible=0；
}
else if（$third_可见）{
$（'row3'）.fadeOut（'200'，function（）{$（'row4'）.fadeIn（'200'）；}）；
$third_visible=0；
}
否则如果（$5th_可见）{
$（'row5'）.fadeOut（'200'，function（）{$（'row4'）.fadeIn（'200'）；}）；
$5th_可见=0；
}
$fourth_可见=1；
}
否则如果（this.value==“5”）{
如果（$first_可见）{
$（'row1'）.fadeOut（'200'，function（）{$（'row5'）.fadeIn（'200'）；}）；
$first_visible=0；
}
else if（$second_可见）{
$（'row2'）.fadeOut（'200'，function（）{$（'row5'）.fadeIn（'200'）；}）；
$second_visible=0；
}
else if（$third_可见）{
$（'row3'）.fadeOut（'200'，function（）{$（'row5'）.fadeIn（'200'）；}）；
$third_visible=0；
}
else if（$fourth_可见）{
$（'row4'）.fadeOut（'200'，function（）{$（'row5'）.fadeIn（'200'）；}）；
$fourth_可见=0；
}
$5th_可见=1；
}
});
})（jQuery）

显示1
表演2
展示3
表演4
展示5
你好1
你好2
你好3
你好4
你好5
我想我终于明白了。问题在于jQuery是在Chrome上加载的（不知怎么的），而不是在Firefox或苹果设备上加载的

我以传统的方式在文件末尾加载脚本，在.php正文中使用
标记。当我为WordPress使用正确的方式时，它似乎终于起作用了。我在主题的functions.php文件中使用了以下代码：

wp_enqueue_script('my-custom-script', get_template_directory_uri() .'/js/myscript.js', array('jquery'), null, true);

看起来jQuery没有加载。检查浏览器的开发工具和网络选项卡：当请求jQuery库时，您得到了什么响应？它在我的FFT上起作用？当您在页面底部加载代码时，它起作用吗？@Terry我得到了所有jQuery加载的200个代码。但是，它是jqueryv1。
wp_enqueue_script('my-custom-script', get_template_directory_uri() .'/js/myscript.js', array('jquery'), null, true);