jQuery

【jQuery】ブートストラップ通知モーダルを作成するための簡単なjQueryプラグインnotiModal

February 8, 2018
notiModal.js

notiModalはjQueryによる簡単なブートストラップ通知モーダル。

Dependencies

  1. jquery
  2. bootstrap(css):ブートストラップを使用している場合、notiModalにはButtonsとPopoverブートストラップスタイルのコンポーネントが必要です。bootstrap.popover.min.cssは最低でもスタイルに必要。

Installation

<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
...
<script src="jquery.js" type="text/javascript"></script>
<script src="notiModal.min.js" type="text/javascript" ></script>

Usage

必要な数だけモーダルを作成。

$.notiModal.init("test1", {
            title: "this is a test"
        });
$.notiModal.get("test1").show();
$.notiModal.init("test2", {
            title: "this is another test"
        }).show();