我试图这样打开模式框。
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。