【jQuery】軽量でカスタマイズ可能なポップアッププラグインMobilepopup

jQuery

Mobilepopup - jQuery pop-up plugin

February 27, 2018

Mobilepopupは軽量でカスタマイズ可能なポップアップjQueryプラグイン。

Simple example

$("body").on("click",".popup-demo",function(){
    $.mobilepopup({
        targetblock:".pop-up1",
        width:"500px",
        height:"300px"
    });
    return false;
});

$("body").on("click",".get-demopopup2",function(){
    $.mobilepopup('reload',{
        targetblock:".pop-up2",
        width:"500px",
        height:"400px"
    });
    return false;
});
<div class="pop-up1" style="display: none;">
    <div class="header">Demo popup 1</div>
    <div class="content">
        <p>
            Demo popup 1 content
        </p>
    </div>
    <div class="footer">
        <a href="" class="button get-demopopup2">Open demo 2</a>
    </div>
</div>

<div class="pop-up2" style="display: none;">
    <div class="header">Demo popup 2</div>
    <div class="content">
        <p>
            Demo popup 2 content
        </p>
    </div>
    <div class="footer">
        <a href="" class="button close">Close pop-up</a>
    </div>
</div>

MIT

Latest Posts

Related Posts