Question

我只在用户回答显示下一个按钮的问题时才进行测验，但是当问题没有得到解答时我无法隐藏该按钮。

HTML：

if(this.id==rnd) {
    $('button.hide').removeClass('hide'); 
}

JS：

.button {
     position:relative;
     background-image:url(img/bouton.png);
     border:none;
     width:111px;
     height:202px;
     color:white;
}

.button:hover {
  background-image:url(img/bouton1.png);
  width:111px;
  height:202px;
}
.hide { dispaly: none; }

和CSS：

mMyBroadcastReceiver = new BroadcastReceiver() {
                    @Override
                    public void onReceive(Context context, Intent intent) {
                        // Here you can refresh your listview or other UI
                        recycleAdapter.addItems(SingleTon.getInstance()
                                         .getInfoArrayList());

                        // I'm assuming your "SingleTon.getInstance().getInfoArrayList()" is the received data.
                    }

Answer 1

它已经在工作 - display的样式中存在拼写错误。请参阅以下代码段：

＆＃13;

$('button').click(function(){
      $(this).addClass('hide');
  });

＆＃13;

.button {
  position: relative;
  background-image: url(http://placehold.it/350x150);
  border: none;
  width: 111px;
  height: 202px;
  color: white;
}
.button:hover {
  background-image: url(http://placehold.it/350x150);
  width: 111px;
  height: 202px;
}
.hide {
  display: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="navContent">
  <button type="image">Hide me!</button>
</div>

＆＃13;

Answer 2

除第一个按钮外，所有按钮都应获得display: none;属性。
```
button {
 display: none;
}
```
第一个按钮标记：
```
<button style="display: block;"> ... </button>
```

如果单击该按钮，则隐藏所有按钮并显示：阻止下一个按钮：

$('button').on('click', function(){
 $('button').css('display', 'hide');
 $(this).next('button').css('display', block');
});

如果你回答最后一个，你应该认出来，请看这里。

$('button').on('click', function(){        
 if($(this) != $('button').last()){
  $('button').css('display', 'hide');
  $(this).next('button').css('display', 'block');
 }
 else {
  // finished quiz
 }
});

显示测验的下一个按钮

2 个答案: