Question

我已经获得了一些我正在努力的代码，有效地将进度步骤混合在一起。

HTML：

<div id="stage1"><img src="/img/progress-bar/1.png"></div>
<div id="stage2"><img src="/img/progress-bar/2.png"></div>
<div class="deal-stage">2</div>

现在我想显示DIV＃stage1，如果div .deal-stage包含数字1.如果div .deal-stage包含数字2，我想显示DIV＃stage2。

所有HTML看起来都不错，这是令我困扰的JQuery：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
if($('.deal-stage').html() == 1){
$("#stage1").show();
if($('.deal-stage').html() == 2){
$("#stage2").show();
}
});//]]> 
</script>

目前两个DIV正在展示。我想再添加4个步骤，但我不确定如何通过在.deal-stage DIV中查找数字来一次只显示一个DIVS。

非常感谢任何想法。

谢谢！

取值

Answer 1

在页面加载之前隐藏您的图片：

<div id="stage1" style="display:none;"><img src="/img/progress-bar/1.png"></div>
<div id="stage2" style="display:none;"><img src="/img/progress-bar/2.png"></div>
<div class="deal-stage">2</div>

然后稍微更改您的脚本以使其更符合标准：

$(document).ready(function(){

if($('.deal-stage').html() == "1"){
    $("#stage1").show();
}
if($('.deal-stage').html() == "2"){
    $("#stage2").show();
}
});

你会很高兴。

如果Div Y包含Z，则显示DIV X.然后，如果Div Y包含B，则显示Div A.

1 个答案: