Popup.js - 调用弹出框

我知道这是非常基本的，但我找不到答案。如何在一个条件内调用弹出窗口？例如：Popup.js - 调用弹出框

if(error.length != 0){ 
    console.log(error);  
    popup({ 
     content : '<p>Not allowed</p>', 
     type : 'html' 
    });   
}

我的页面包含一个进口

<script src="<c:url value='/resources/js/jquery.popup.min.js' />"></script>

我得到一个错误：

Uncaught ReferenceError: popup is not defined

来源

2016-12-24 thinker

试试这个：

if(error.length != 0){ 
    console.log(error); 
    var popup = ({ 
     content : '<p>Not allowed</p>', 
     type : 'html' 
    }); 
}

来源

2016-12-24 08:35:54 ab29007

存在控制台没有错误，但一个弹出窗口不会出现 – thinker

然后检查脚本网址。我的意思是你说它是正确的？ – ab29007

代码没有显示错误，也许是因为浏览器。试试这个：能够在你的浏览器中禁用“阻止弹出窗口”。也可以尝试不同浏览器中的代码。 – ab29007

我没有看到任何直接加载在jquery.popup.min.js你可以使用color box。看到这个例子。 More demos here.

if(1){ // your condition here 
 

 
$.colorbox({html:"<h1>Welcome</h1>"}); 
 
    
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" rel="stylesheet"/> 
 
<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>

使用点击LINK IN popup.js

function check(val){ 
 
     //console.log(error);  
 
     if(val != 0){ 
 
     $('.html_popup').popup({ 
 
     content : '<h1>This is some HTML for non zero</h1>', 
 
     type : 'html' 
 
    }); 
 
     }else{ 
 

 
     \t $('.html_popup').popup({ 
 
     \t  content : '<h1>This is some HTML for 0</h1>', 
 
     \t  type : 'html' 
 
     \t  }); 
 

 
     } 
 

 
}

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
    <script src="http://docs.toddish.co.uk/js/plugins/jquery.popup.min.js"></script> 
 
    <link href="http://docs.toddish.co.uk/css/plugins/popup.css" media="all" type="text/css" rel="stylesheet"> 
 
<a class="html_popup" style="width:100px;" onclick='check(1)'> click me</a>

来源

2016-12-24 09:09:02

Popup.js - 调用弹出框

回答

相关问题