0

jQuery slideToggle() 関数を使用して、一連のテーブル行を最小化しようとしています。私が遭遇している問題は、一連の行が最小化されている間、アニメーションが有効になっていないように見えることです。親要素ではなく一連の結果でslideToggleを呼び出す方法と関係があると思いますが、よくわかりません。

行のセットを最小化するために、このちょっとした JavaScript と jquery を使用しています。

$('td').on("click", "a.collection-minimize, a.list-minimize", function(event) {                                          
   event.stopPropagation(); 
   // Get the class of the following row
   var minimize_class = $(this).parent().parent().next().attr('class');                                                 
   // trim whitespace
   minimize_class = minimize_class.replace(/^\s\s*/, '').replace(/\s\s*$/, '');                                         
   // Minimize all following rows of the same class.
   $(this).parent().parent().siblings('.' + minimize_class).slideToggle();                                                 
});

行のセットの例:

<tr class="collection-original">
    <td>
        <a class="collection-minimize" onclick="return false" href="#">Minimize collection</a>
    </td>
</tr>
<tr class=" collection-original" style="display: table-row;"></tr>                 
<tr class=" collection-original" style="display: table-row;"></tr>
<tr class=" collection-original" style="display: table-row;"></tr>
<tr class=" collection-original" style="display: table-row;"></tr>

これが使用されているライブ ページは、http: //iodocs.vky.me/whitehat#Application-API-PUT-Modify-an-applicationで表示できます。

4

1 に答える 1

0

これを参照してください： http://jsfiddle.net/DEPjD/

 minimize_class = minimize_class.replace(/^\s\s*/, '').replace(/\s\s*$/, '').trim();

または：

minimize_class = minimize_class.replace(/^\s\s*/, '').replace(/\s\s*$/, '').replace(/ /g, '');
于 2013-03-06T18:27:27.903 に答える