jquery

jQuery:フォームを送信する前に中身を操作する

<form id='create_order'> <input name='firstname'> </form> というフォームをajaxでPOSTしたい、だけど、firstnameを差し替えたいとします: function submitOrder() { var data = $("#create_order").serializeArray(); data.forEach(function (item) { if(item.name === 'firstname') { item.value = 'thebaker';…

WordPress:イメージマップのレスポンシブ対応

rwdImageMapsを使えばいい!とわかっていたのですが、実際に組み込んでみるとエラー… 動かない例1 jQuery(document).ready(function(e){ jQuery('img[usemap]').rwdImageMaps(); }); これはUncaught TypeError: jQuery(...).rwdImageMaps is not a function…

jQuery:Firefoxでsubmit()してもフォームがサブミットされない

原因はいろいろあるようですが、僕の場合はこのように変更する必要がありました: 変更前 <button type="submit" id="post-button">送信</button> 変更後 <button type="button" id="post-button">送信</button> Firefox以外は変更前でも動くのですが…(IE11, Edge, Safari, Chrome)

jQuery:Cycle2プラグインでスライダーを実現する

Cycle2というとても使いやすい、jQueryのプラグインがあります。 幾つか詰まった点があったのでここで紹介します。 基本的な使い方 まず、jQueryとこのプラグインを読み込みます: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://malsup.github.com/jquery.cycle2.js"></script> 次に画像タグを以下のように<div>で括ります: <div class="cycle-slideshow"> …</div></div>