読者です 読者をやめる 読者になる 読者になる

CSS display属性 none の注意

HTML CSS display属性 none に対して、jQuery UISelectable で操作をすると遅くなる。

例えば、選択した table の ある td タグが、display: none; で選択された時に中の radio ボタンクリックするなど、隠されたものに対して操作を
実行するようにした時、、、

$("#list").selectable({
   selected: function(event, ui){
      $('.ui-selected', this).children('td:nth-child(4)').children(':radio').trigger('click');
   }
});

これは、遅くなってしまう。10~20行程度なら良いが、100を超えると重くてしかたない。

display属性 none にしなければ、問題ないスピードになる。