info

多分フロントエンドエンジニア寄りのフリーランスWeb制作者のサイトです。

他バンドでギター弾いたり、max/msp触ったり等もしております。
最近はチャリ買ってはしゃいでます。
あと犬が飼いたい。

どうぞお気軽にご連絡いただけまししたら幸いです。

works

  • > toyota
  • > glico
  • > bandainamco
  • > shiseido
  • > pioner
  • > mitsui
  • > yodobashi
  • > panasonic
  • > square enix
  • etc..

※詳細をご希望の方はお手数ですが

contactよりご連絡お願いします。

links

リンクです。増えるといいな

contact

ご依頼/ご相談は下記よりお問い合わせください。
その他ご質問等ありましたらお気軽にご連絡ください。

colorboxでiframe読み込んだ際のクリックイベント

colorboxとiframeの組み合わせでちょっと詰まったのでメモ。

iframeは普通にjqueryのセレクタだと駄目っぽいです。
.contents().find()でiframeの中身にバインドできるみたいです。

$('iframe a').click(function(e) {
    // 駄目っぽい
})
$('iframe').contents().find('a').click(function(e) {
    // なんか処理
})

クリックでcolorboxのiframe呼び出してモーダルコンテンツ切り替えてiframe内の要素にもクリックのイベントつけたいような内容だったのですがどうもiframe内の要素取得できないない様子。

colorboxのリファレンスみるとcbox_completeなるものがあったので多分これだなって事でやってみる

http://www.jacklmoore.com/colorbox/

$(document).bind('cbox_complete', function(){
    console.log($('iframe').contents().find('a'));// 駄目っぽい
})

駄目っぽい

iframeにもload()つけるといけました。

$(document).bind('cbox_complete', function(){
    $('iframe').load(function() {
        console.log($('iframe').contents().find('a'));// いけまっせ。
    })
})

completeとかっていうからなんとなくできそうですが。
まぁそうかという感じですね。
$(function() {});と同じ感じだと思います。

広告なのよー