概要

yuga.js の個人的なカスタマイズです。
何かの参考になれば幸いです。

使い方はサンプルページにてご確認ください。

ページの先頭へ戻る

ライセンス

MIT License

ページの先頭へ戻る

カスタマイズ内容

$.yuga.selflink

削除

$.yuga.thickbox

削除

$.yuga.rollover

画像のpostfix : 「_on」→「 -over」

$.yuga.category(追加)

カテゴリ内ページの場合、表示画像を変更(グローバルナビゲーション等に)

$.yuga.externalLink

アイコンやクラス追加の処理を削除(クラス追加は$.yuga.iconで行う)

$.yuga.tab

tabNavSelector : 「.tabNav」→「.tabnav」

$.yuga.stripe

削除($.yuga.childに統合)

$.yuga.css3class

削除

$.yuga.child(追加)

childクラスの子要素にfirst-child、last-child、nth-childクラスを追加する

$.yuga.icon(追加)

href属性の内容に合わせてアイコン用クラスを追加する

$.yuga.heightLine(追加)

ボックスの高さを揃える

$.yuga.toggle(追加)

クリックでスライド表示(FAQ等に)

$.yuga.popup(追加)

ポップアップウィンドウを開く

ページの先頭へ戻る

更新履歴

  • 2012-10-11: jQuery 1.8.2 にて動作確認
  • 2012-10-11: ページ内スクロールのロジックを修正、Androidに対応
  • 2012-03-29: jQuery 1.7.2 にて動作確認
  • 2012-03-29: Androidでするするスクロールが動作するように修正
  • 2012-02-22: yuga.js 0.7.2の修正を反映
    yuga.jsのXSS直したバージョンがなかなかリリースされないので勝手に直したやつ — Gist
  • 2011-12-11: first-child、last-childをオプションで変更できるように修正
  • 2011-11-05: jQuery 1.7 にて動作確認
  • 2011-11-05: $.yuga.scroll が iPhone 、 iPad で動作しなかった不具合を修正
  • 2011-09-30: $.yuga.category にて、body にクラス名が無い場合の処理を追加
  • 2011-09-24: 公開

ページの先頭へ戻る

動作確認環境

2012年10月11日時点

jQuery

  • 1.8.2

ブラウザ

Mac

  • Firefox 15
  • Safari 6
  • Chrome 22
  • Opera 12

Windows

  • IE 6
  • IE 7
  • IE 8
  • IE 9
  • IE 10

iPhone(シミュレータ)

  • iOS 5.1
  • iOS 6.0

iPad(シミュレータ)

  • iOS 5.1
  • iOS 6.0

Android(エミュレータ)

  • 2.3.3
  • 3.2
  • 4.0.3
  • 4.1

ページの先頭へ戻る

制作者

ご不明点等あれば、ご連絡ください。

ページの先頭へ戻る