如何从Vanilla Javascript打开Boostrap 3模式框

如何解决如何从Vanilla Javascript打开Boostrap 3模式框

我试图这样打开模式框。

window.getElementById("modal-Box-click-counter").showModal();

和

var modal = document.getElementById("modal-Box-click-counter");
      modal.modal("show");

这是我要开始使用的整个脚本：

function clickCounter() {
  var clicks;

  function loadClicks() {
    clicks = sessionStorage.getItem("clickcount");
  }

  function setClicks() {
    sessionStorage.setItem("clickcount",clicks);
  }

  function init() {
    loadClicks();

    if (clicks >= 4) {
      console.log("WORKING " + clicks);

      // I WANT THIS TO WORK.
      $("#modal-Box-click-counter").modal("show");

    } else {
      clicks++;
      setClicks();
      console.log(clicks);
    }
  }

  if (typeof Storage !== "undefined") {
    window.addEventListener("click",init);
  } else {
    console.log("Sorry,your browser does not support web storage...");
  }
}

window.addEventListener("load",clickCounter);

但是我无法正常工作。我在函数中以正确的顺序加载了JQuery和Bootstrap。

解决方法

如果没有egde案例，则可以使用官方的引导示例：Modal Live Demo 3.4