適当プログラマー

今日はあんまりやる気がないぞ!

アイキャッチ

leanModalをbuttonから起動する

leanModalっていうのがあるんですよ。詳しくは下記の色々なページを見てね。

で、基本的にleanModalってaタグから起動するんです。

でも、ある日私、buttonタグからleanModalを起動できなければ結婚できない呪いをかけられましてね。泣きながらググりました。見つけました。皆さんにもシェアします。

しかし、残念だったな。私は今日あまりやる気がないのでほんわか教えるよ。

<a href="#cartEmpty" id="showCartEmpty" style="display:none" rel="leanModal" name="cartEmpty">empty cart</a>
<a href="#nextStep" id="showNextStep" style="display:none" rel="leanModal" name="nextStep">next step</a>

みたいな感じで

$(function() {
    $('a[rel*=leanModal]').leanModal();     
});

みたいな感じの

if(cartItems === 0){
  $("#showCartEmpty").click(); // in theory this'll cause the modal to be shown
} else {
  $("#showNextStep").click(); // in theory this'll cause the modal to be shown
}

みたいな感じよ。つまり、buttonタグ、またはinput type="button"のonclick時に$("#showCartEmpty").click();を実行すればいいのよ!オッケー!?

え?分からない?もっと詳しい解説が欲しい?くっくっく……。恨むなら私ではなく、私のやる気を恨むのだな……!!

ちなみに、今回の情報の情報源はjquery - leanModal initiate without .click() - Stack Overflowで、今回のコードはこの参照元のコピペです。

このエントリーをはてなブックマークに追加