3

現在、このリンクでページを作成しています。ヘッダー（CSSの下）でこのJavaScriptを使用しています：

<script type="text/javascript" src="http://static.tumblr.com/txc9jrr/yNxmd3lq6/jquery.js">   
</script>

<script type="text/javascript">
$('.toggle').click(function(){
    var $tr = $(this).closest('tr');
    $tr.add($tr.next('.edit')).toggle();
});
$('.cancel').click(function(){
    var $tr = $(this).closest('tr');
    $tr.add($tr.prev('.view')).toggle();
});​
</script>

そしてこのHTML：

<table>
  <tr class="view">
      <td>
          <a class="toggle" class="icon-button" href="#">Edit</a>
      </td>
  </tr>
  <tr class="edit" style="display:none">
      <td>
          hi
          <a class="cancel" href="#">Cancel</a>
      </td>
  </tr>
</table>

理論的には機能するはずです...しかし、ページに実装すると機能しなくなります。誰かが私の問題が何であるかについての手がかりを持っていますか？

4

2 に答える 2

3

変化する

<a class="toggle" class="icon-button" href="#">Edit</a>
   // ^--------------^---------------------Cannot define two classes like this

に

<a class="toggle icon-button" href="#">Edit</a>
 //  ^--------------------------------Try like this

デモ

于 2012-11-07T04:22:38.817 に答える
0

これを試してみるべきだと思います

$('.toggle').click(function(){

 if ($(".edit").css('display') == 'none') {

      $(".edit").css('display', 'block');
  }
}

私はこれがあなたを助けると思います

于 2012-11-07T05:32:46.743 に答える