Popup.js-调用弹出窗口

Question

I know this is really basic, but I can't find an answer. How can I call a popup within a condition? For example:

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

My page contains an import

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

I get an error:

Uncaught ReferenceError: popup is not defined

Answer 1

Try this:

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

Answer 2

I don't see any direct loading in jquery.popup.min.js you can use color box . see the example. 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> 

USING CLICK ON 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{ $('.html_popup').popup({ content : '<h1>This is some HTML for 0</h1>', type : 'html' }); } } 

 <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>