Question

我正在尝试从此站点实现MsgBox： http://jquerymsgbox.ibrahimkalyoncu.com/

到我的网络应用程序。我按照解释说明了：

<head>
<script type="text/javascript" src="/Timesheets/Java/MsgBox/Scripts/jquery-1.8.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="/Timesheets/java/msgbox/styles/msgBoxLight.css" />
<script type="text/javascript" src="/Timesheets/Java/MsgBox/Scripts/jquery.msgBox.js"></script>
</head>

<body>
<script>
function sign() {
    $.msgBox("The selection includes process white objects. Overprinting such objects is only useful in combination with transparency effects.");
    /*
    busyBox.Show();
    PageMethods.signe($("#form1").serializeArray(), getParameterByName("pn"), user, signcomp, signfail);
    */
}
</script>

<input type="button" name="okbtn" ID="okbtn" class="mybutton13" value="Test button" onclick="sign()" runat="server" />
</body>

但是每次单击按钮我都会收到错误：对象不支持属性或方法'msgbox'消息

谢谢大家的帮助

编辑：

Firefox给我：TypeError：$ .msgBox不是函数

IE给我错误：对象不支持属性或方法'msgBox'

Answer 1

我有同样的问题。然后我通过将$.msgBox替换为msg来解决该问题。现在它的工作正常。

$('#okbtn').click(function() { 
msg({
     title:"Title goes here",
     content:"Content goes here",
     type:"Type goes here"
   });
});

我从msg

获得了jquery.msgBox.js功能

Answer 2

尝试使用jQuery click（）处理程序将msgBox函数附加到按钮，而不是使用按钮标记的onClick属性。

另请注意，$ .msgBox（）将javascript对象作为参数，而不是字符串。

<script>
$(document).ready(function() { 
    $('#okbtn').click(function() { 
        $.msgBox({
            title:"Title goes here",
            content:"Content goes here"
        });
    });
});
</script>

Answer 3

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>jquery.msgbox Demos</TITLE>
<META content="text/html; charset=UTF-8" http-equiv=Content-Type>
<LINK rel=stylesheet type=text/css href="jquery.msgbox.css">
<SCRIPT type=text/javascript src="http://code.jquery.com/jquery-latest.min.js"></SCRIPT>
<SCRIPT type=text/javascript src="jquery.dragndrop.min.js"></SCRIPT>
<SCRIPT type=text/javascript src="jquery.msgbox.js"></SCRIPT>

<SCRIPT language=JavaScript type=text/javascript>  
$(function(){   

    $("#test1").click(function(){
        new $.msgbox('Hello world').show();
    });

    $("#test2").click(function(){
        new $.msgbox({
            width:500,
            height:500,
            title: 'Hello',
            content: 'Hello, world!',
            bgOpacity: .8
        }).show();
    });

    $("#test3").click(function(){
        new $.msgbox({
            allowDrag: false // enable drag and drop(default), disable if false
        }).show();
    });

    $("#test4").click(function(){
        new $.msgbox({
            onClose: function(){
                alert(this.titleWrap.html()); // this is refered to the object itself
            }
        }).show();
    });

    $("#test5").click(function(){
        new $.msgbox({
            autoClose: 10 // do not counting down
        }).show();  
    });

    $("#test6").click(function(){
        new $.msgbox({
            autoClose: 0 // do not counting down
        }).show().startAutoClose(10); // start counting down, support chain operations
    });

    $("#test7").click(function(){
        new $.msgbox({
            type: 'alert',
            content: 'Hello'
        }).show();
    });

    $("#test8").click(function(){
        new $.msgbox({
            onClose: function(){ alert(this.getValue()) }, // with onclose plugin
            type: 'confirm',
            content: 'Hello'
        }).show();
    });

    $("#test9").click(function(){
        new $.msgbox({
            onClose: function(){ alert(this.getValue()) },
            type: 'input',
            content: 'Enter your words:'
        }).show();
    });

    $("#test10").click(function(){
        new $.msgbox({
            //onAjaxed: function(){ alert('Loading complete') },
            type: 'ajax',   // or url 
            content: 'http://pwwang.com'
        }).show();
    });

    $("#test11").click(function(){
        new $.msgbox({
            type: 'iframe',
            content: 'http://pwwang.com'
        }).show();
    });

    $("#test12").click(function(){
        new $.msgbox({
            anim: 1  // 0, 2, no animation with other values
        }).show();
    });

    $("#test13").click(function(){
        new $.msgbox({
            showClose: false    // disable in options
        }).show();
    });

    $("#test14").click(function(){
        new $.msgbox({
            closeIcon: 'image:close.gif'  // or 'text:Close', or 'image:close.png' to display an image
        }).show();
    });
    $("#okbtn").click(function(){
        new $.msgbox({
            showClose: false    // disable in options
        }).show();
    });

});   

</SCRIPT>

<META></HEAD>
<BODY>
<input type="button" id="test1" value="1.The simplest way" /><br />
<input type="button" id="test2" value="2.With otions" /><br />
<input type="button" id="test3" value="3.Plugin dragndrop, drag and drop disabled" /><br />
<input type="button" id="test4" value="4.Plugin onclose" /><br />
<input type="button" id="test5" value="5.Plugin autoclose" /><br />
<input type="button" id="test6" value="6.Plugin autoclose, set by public function" /><br />
<input type="button" id="test7" value="7.Plugin contenttype, alert" /><br />
<input type="button" id="test8" value="8.Plugin contenttype, confirm" /><br />
<input type="button" id="test9" value="9.Plugin contenttype, input" /><br />
<input type="button" id="test10" value="10.Plugin contenttype, ajax/url" /><br />
<input type="button" id="test11" value="11.Plugin contenttype, iframe" /><br />
<input type="button" id="test12" value="12.Plugin animate, animate type 1" /><br />
<input type="button" id="test13" value="13.Plugin showclose, showClose=false" /><br />
<input type="button" id="test14" value="14.Plugin closeicon" /><br />
<input type="button" name="okbtn" ID="okbtn" class="mybutton13" value="Test button"  />
</BODY>
</HTML>

Answer 4

我最后使用Javascript中的动态内容制作了自己的弹出框来询问密码

Jquery MsgBox给出错误消息

4 个答案: