jQuery Corner を排除

  • 投稿日:
  • by
  • カテゴリ:
  • タグ:

角丸を表現するのに、jQuery Corner プラグインを使ってきたんですが、jQuery UI の機能を使えばプラグインは必要ないんですね。

例えば、テーブル両端のth要素は、スタイルシートで

table.list th.corner_tl {
  border-radius: 10px 0px 0px 0px;
}
table.list th.corner_tr {
  border-radius: 0px 10px 0px 0px;
}

とやっておいて、

<script type="text/javascript" src="./js/jquery.corner.js"></script>
<script type="text/javascript">
  $(function() {
  $("table.list th:first-child").addClass("corner_tl");
  $("table.list th:last-child").addClass("corner_tr");
});
</script>

とすることで角丸になります。

ということで、jQuery Corner は排除しました。
Alert や Confirm でもそうでしたが、jQuery UI の機能が使えるならそれを優先するようにしています。 少しでも読み込む jsファイルは少なくしたいですからね。