jQueryでドラッグできる要素を作るのにdraggableは便利ですよね。 でもただドラッグ要素を作るだけだとその要素自体が移動してしまうのが少し困ります。 という訳でdraggableで作った要素をドラッグしたときに...

draggableを使ってると悩むことがあってそれが z-index の指定方法です。 ドラッグ要素を最前面に表示したいけどなぜか後ろに表示される・・・ と僕自身も悩むことがあったので、その場合の解決策をここでは紹介しま...

最近jQueryのdraggableでドラッグできる要素を使っていてあるトラブルに直面しました。 それはドラッグ要素の幅がドラッグしたときに元よりも小さくなってしまう問題です。 という訳でその解決法を見つけたのでここで紹...

jQueryオブジェクト　⇒　HTML文字列 HTML文字列　⇒　jQueryオブジェクト このように互いに変換したい場合、いくつかのjQuery関数を組み合わせて使えば簡単に変換可能です。 ということでここではその変換...

タブメニューはオシャレで機能的なUIを作るのに便利ですよね。 ただ自力で作成するのは現実的ではないのでjQuery-UIを使うのが一番楽だと思います。 という訳でjQuery-UIを使って切り替えできるタブメニューを作る...

jQueryでボタンがクリックされたりとかリンクが押されたりしたとき、 そのイベントというのはその下にある親要素にまで伝播してしまいます。 子要素だけで処理したいのに下の要素まで余計なイベントは発生させたくないですよね。...

javascriptは基本的にファイルから読み込んだりPHPとかに直書きする場合がほとんどです。 でも何らかの事情でjsコード側からjsコードを実行したい時もありますよね？ 例えば要素を動的に追加して動的にスクリプトを実...

「ボタンにイベントを設定したはずなのに発火しない」 「チェックボックスにチェックが入ってもイベントが起きない」 こういう風になぜかイベントが発火しないことはjQueryを使っているとちょくちょく遭遇します。 しかもエラー...

jQueryで要素の操作に欠かせないもの・・・それがjQueryオブジェクトです。 これがあるからこそ要素の操作が簡単になる訳ですが、気を付けないといけないことがあります。 それは空かどうかを判定するのに [crayon...

フォームから何か送信してもらう場合、未入力項目があると困るってことありませんか？ 送信前にそれをチェックして警告メッセージを出せたら便利ですよね。 という訳でjQueryで簡単に未入力項目をチェックしてアラートで表示する...