javascript - 根据先前的输入选项选择(单选按钮)显示 div 的内容。在一个文件中工作，而不是在其他文件中工作

Question

我有一个两步表单。第一步提出一个问题并有 3 个单选按钮。

根据选择的单选按钮，第二步通过“取消隐藏”一个 div 来显示答案。

例如第 1 步:你选择什么选项？选项1，选项 2，选项 3

第 2 步:有3个隐藏的div，根据步骤1中的选项，其中一个从display:none改为display:block并显示。

这是我的代码:

$(document).ready(function () {
$("input[rel$='lastq']").click(function () {
var value = $(this).val();
if (value == 'last1') {
$(".thank1").show();
$(".thank2").hide();
$(".thank3").hide();
}               
else if (value == 'last2') {
$(".thank2").show();
$(".thank1").hide();
$(".thank3").hide();
} 
else if (value == 'last3') {
$(".thank3").show();
$(".thank1").hide();
$(".thank2").hide();
}
else {
$(".thank1").hide();
$(".thank2").hide();
$(".thank3").hide();
}
});
$(".thank1").hide();
$(".thank2").hide();
$(".thank3").hide();
});

我的 html 是:

<input type="radio" rel="lastq" name="" value="last1" id="" /> Option 1
<input type="radio" rel="lastq" name="" value="last2" id="" /> Option 2
<input type="radio" rel="lastq" name="" value="last3" id="" /> Option 3

<div class="thank1">thank you 1</div>
<div class="thank2">thank you 2</div>
<div class="thank3">thank you 3</div>

现在奇怪的是这对单个文件(本地)工作正常，显示正确的“谢谢”div。但是当我在我的一个元素(在本地机器上使用 wordpress)中(再次在本地)使用它时，它不起作用。

观察到的问题:

1) 当它工作时，“thank you div”默认为 style="display:none;"

2) 但在元素中使用时，当不工作时，thank you div 没有分配显示:无。

这可能是什么原因造成的？为什么它没有在元素中分配，但仍在独立文件中工作？

Answer 1

通过在脚本代码的顶部添加 $ = jquery.noconflict() 解决了问题。

jquery 加载正常，但它一定与其他脚本有冲突吗？

无论如何，对于后来来这里的任何人来说问题都解决了......