iTunes Mediaフォルダを外付けハードディスクに移動する
- 2013 12/15
「iTunes Media」フォルダを外付けハードディスクに移動しました。
手順は、Appleの公式ヘルプを参考にしました。
・iTunes for Mac：「iTunes Media」フォルダを移動する
音楽やアプリで数十GBぐらいあったので、これで本体のディスク容量に少し余裕ができました。
カテゴリー : 2013年 12月
[jQuery] slideDown() のアニメーションが動かないときの解決方法
- 2013 12/14
jQuery の slideDown() のアニメーションが動かないときの解決方法をご紹介します。
普通に使う分には問題ないのですが、divを入れ子にしたような構造で使う場合に slideDown() を呼び出してもアニメーションが動かず、show() を呼んだときのようなパッと表示されてしまいました。
以下に、アニメーションが動かなかったときのHTMLと、解決したJavaScriptのコードを記載します。
.show().slideDown() のメソッドチェーンで解決する
// 一旦、内部elementを非表示にする $('#content-inner').hide(); // 外側のelementを表示してから slideDown() $('#content-outer').show().slideDown(); // 最後に、内部のelementにも slideDown() $('#content-inner').slideDown(); |
slideUp() は普通に使うだけ
$('#content-outer').slideUp(); $('#content-inner').slideUp(); |
参考情報
・javascript – jQuery slideDown() animation not working – Stack Overflow
・codeigniter – JQuery slidedown effect not working? – Stack Overflow
[jQuery] スクロール中に特定の要素を固定するプラグイン「hcSticky」
- 2013 12/10
スクロール中に特定の要素を固定するjQueryプラグイン「hcSticky」が便利だったのでご紹介します。
・hcSticky – jQuery Floating Sticky Plugin | Some Web Log
特定の要素に hcSticky() を呼ぶだけで、スクロール時に要素を固定してくれます。
$('#sidebar').hcSticky(); |
使い方がシンプルでおすすめです。
[jQuery] Minimalect で onChange イベントを発生させる
- 2013 12/9
フォームのselect要素を綺麗に表示させる jQuery ライブラリ「Minimalect」で onChange イベントを発生させる方法をメモ。
$('#js-target-select').minimalect({ onchange: function() { $('#js-target-select').trigger('change'); } }); $('#js-target-select').change(function(){ // do onchange event }); |
上記のように Minimalect の onchange で select の onchange を発火させればいいみたい。
参考情報
[jQuery] mouseover/mouseout と mouseenter/mouseleave の違い
- 2013 12/3
jQuery のイベント mouseover/mouseout, mouseenter/mouseleave の違いを知らずに、かなりハマってしまった…。
下記のサイトが分かりやすく説明してくださってました。
・DOM Leve3 イベント mouseover/mouseout, mouseenter/mouseleave それぞれの違いについて – 今日もスミマセン。
mouseenter/mouseleave イベントの方が、利用用途として直感的ですね。
mouseover/mouseout は、内部のDOMを出入りするときもイベントが発火してしまうので、思わぬ挙動をしてしまって結構悩みました。
