根据先前的输入选项选择（单选按钮）显示div的内容。 在一个文件中工作，不在其他文件中工作

Question

我有两步表格。 第一步问一个问题，有3个单选按钮。

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

例如， 步骤1：您选择什么选项？ 选项1，选项2，选项3

步骤2：根据步骤1中的选项，具有3个隐藏的div，其中之一从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）工作正常时，“谢谢div”默认为style =“ display：none;”。

2）但是当在项目中使用时，当不工作时，谢谢divs没有display：none分配给他们。

是什么原因造成的？ 为什么没有在项目中分配它，但仍在独立文件中工作？

Answer 1

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

jQuery加载正常，但可能与其他脚本冲突吗？

无论如何，问题解决了以后再来这里的人...