Question

我有“Comentário”部分的html代码：

<div class="col-lg-1">
 <button title="Editar" type="submit" class="btn btn-info btn-sm pull-right" onclick="editar({{$feedback->id}})">
  <span class="fa fa-pencil"></span>
 </button>
</div>

<div class="col-lg-10" id="esconde{{$feedback->id}}">
 <span class="textoInfo"><b>Comentário:</b></span>
 <br>
 {{$feedback->comentario}}
</div>

<div class="col-lg-10" id="mostra{{$feedback->id}}" style="display:none;">
 <span class="textoInfo"><b>Comentário:</b></span>
    <div class="input-group" id="showComent{{$feedback->id}}">
     {{ Form::text('comentario',$feedback->comentario, ['class' => 'form-control input-sm', 'id' =>'textcoment'.$feedback->id]) }}
    <div class="input-group-btn">
      <button id="sendComent" type="submit" class="btn btn-info btn-sm" onclick="submitComent({{$feedback->id}})"><span class="fa fa-play"></span>   </button>  
    </div>
  </div>    
</div>

这个jquery代码：

<script type="text/javascript">
 function editar(id) {  
   $('#esconde'+id).hide();
   $('#mostra'+id).show();
 } 
</script>

问题是onclick功能只能工作一次。有没有办法重新加载#mostra div？或者其他简单的方法来做到这一点。谢谢:)）

Answer 1

我不确定你想要实现什么，但我想你有人在按下按钮时要切换其中一个元素。你真的有两种选择。

您可以使用jQuery函数.toggle()来切换元素。
您可以使用.is（＆＃39;：visible＆＃39;）查看该元素在if语句中是否可见并从那里开始。

Answer 2

有效。这是一个逻辑问题。我使用了show / hide功能。但我会记住toogle建议。谢谢:)）

按钮onclick只能工作一次

2 个答案: