您好我正在使用一个有序列表来显示使用jquery的手风琴,所以我在这里检查用户点击了哪个列表但是当我使用if条件时它会自动更改。 以下是该代码。
<ol class="rounded light" id="accordion_1" style="width:auto; height: auto; padding-right:2px">
<li id="Head">
<div id="CasHeadCount" data-bkgrnd-img="../Content/images/groupemployee.png">Head Count</div>
<div>
<figure>
<figcaption id="Chartcaption">
<a onclick="BindDefault()" id="HomeChart" style="cursor:pointer;"></a>
<a id="DrillDownChart"></a>
</figcaption>
@*<img src="@Url.Content("~/Content/images/1.jpg")" alt="image" />*@
<div>
<div>
Head Content
</div>
</div>
</figure>
</div>
</li>
<li id="Attrition">
<div id="CasAttrition" data-bkgrnd-img="../Content/images/AttritionChart.png">Attrition Metrics</div>
<div>
<figure>
<div>
<div>
Attrition Content
</div>
</div>
</figure>
</div>
</li>
</ol>
以下是jquery代码,我获取用户点击的列表ID
$("#accordion_1 li").not('.emptyMessage').click(function () {
debugger;
var ActiveListid = this.id;
var Hiddid = $("#hdnval");
Hiddid.val(ActiveListid);
var Activeid = Hiddid.val();
var gridhead = $("#GridHeadCount");
var gAttritionMet = $("#GridAttrition");
if (Activeid = "Head")
{
gridhead.show();
gAttritionMet.hide();
}
else if (Activeid = "Attrition")
{
gridhead.hide();
gAttritionMet.show();
}
});
因此,当我检入第一个变量时,获取相同的id,但是当条件id自动更改时使用。 为了避免这种情况,我在这里也使用了隐藏字段,但没有运气。
答案 0 :(得分:0)
您正在使用赋值运算符=
而不是等于运算符==
或===
更改
if (Activeid = "Head") {
gridhead.show();
gAttritionMet.hide();
} else if (Activeid = "Attrition") {
gridhead.hide();
gAttritionMet.show();
}
到
if (Activeid == "Head") {
gridhead.show();
gAttritionMet.hide();
} else if (Activeid == "Attrition") {
gridhead.hide();
gAttritionMet.show();
}