jquery

$.getJSONのcallbackが呼ばれない

勘違いしてたのでメモ以下のようにgetJSONのレスポンスを受けたら、status見てリダイレクトさせようと考えたんだけど、そもそも302が返されたらcallbackが呼ばれなかった。 $(function(){ $.getJSON('/path/to/api', function(data, textStatus, jqXHR){ if …

jQuery Mobileでselectをjsから指定する

jQuery MobileのSelect要素 <select name="color" id="color_select" data-native-menu="false"> <option value="">選択してください</option> <option value="red">赤</option> <option value="blue">青</option> <option value="white">白</option> <option value="black">黒</option> </select> 選ぶとこういう状態になる。 見た目をスマートフォンっぽくするために、sele…

jQuery UIのDraggableをスマートフォンで動かす

昨日、jQuery UIのDraggableがiPhoneのsafariだと動かないって話を書いたので、ついでにどうしてもdraggableにしたい場合はどうするんだろうと思って調べた。 これを使えばできそうなので試してみた。 furf/jquery-ui-touch-punch 使い方はjQuery UIの後でラ…

jQuery UIのDraggableがChromeで動かなくて調べた

ChromeでDraggableの要素が動かせなくて調べてた バージョンは以下の通りChrome 27.0.1453.116 jQuery 1.9.1 jQuery UI 1.10.3 何か他の要素が邪魔してるのかと思って、単純なサンプルで試してみても動かない。 <style> .box { width: 100px; height: 100px; backgr</style>…

ファイルダウンロードでエラー「Resource interpreted as Document but transferred with MIME type application/zip」

ファイルをダウンロードさせるリンクを用意して、試しに踏んでみたら「undefined」とだけ表示され、ファイルがダウンロードされない、という問題があった。developer consoleには以下のようなエラーがでる。 Resource interpreted as Document but transferr…

セレクタで属性名の部分一致

忘れてて調べるはめになったのでメモ // 前方一致 $("[attribute^=value]") // 後方一致 $("[attribute$=value]") // 部分一致 $("[attribute*=value]")

jqueryのlive

適当な自分用のwebアプリ書いてて、まあ普通にjqueryでイベント貼り付けたりなんだりしてたんですが $(function(){ $('a.some_class').click(function(e){ alert('hoge'); }); }); こういうのだとxhrで動的に読み込んだ要素に対しては実行されないので、そう…

jQueryのプラグインレジストリ

jQueryのプラグインを探すのって結構めんどうでした。 いろいろなところに散らばっているし、中にはとっくに更新停止されているようなのもあるし。そんな状況ですが公式のプラグイン公開リポジトリができたようです。jQuery Plugin Registry こんどプラグイ…

jQueryでDjangoのformsetの表示を制御するjquery.formset.jsを試してみた

複数の同じフォームの表示をしたい場合、Djangoではformsetが用意されてます。 https://docs.djangoproject.com/en/1.4/topics/forms/formsets/普通に使うと、複数のフォームが同時に表示されます。 「最初はフォームをひとつだけ表示し、必要に応じて増減さ…

jQueryで要素の表示・非表示を判別する

以下で、trueかfalseが得られる var is_disp = $('.selector').is(':visible'); セレクタに:visibleを含めると、表示状態の要素だけ取得できる var disp_elm = $('.selector:visible');

jQueryUIのdialogでヘッダ部分を表示しない

jQuery UIのdialogのヘッダ部分はデフォルトの表示だと結構存在感があります 場合によっては表示したくない場合もあるかもしれないので非表示にする方法を調べてみました。 いろいろ方法が考えられますが、ヘッダ部分はui-dialog-titlebarというclassがつい…