jQuery的MSGBOX给出错误信息

我想从这个网站实现MSGBOX： http://jquerymsgbox.ibrahimkalyoncu.com/jQuery的MSGBOX给出错误信息

到我的web应用程序。我跟着解释相关：

<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”消息

谢谢大家的帮助

编辑：

火狐给我：类型错误：$ .msgBox不是一个函数

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

来源

2013-03-13 Olivier

的msg功能是否确定了JS包含文件'被正确包括jquery.msgBox.js'？该文件是否真的存在于该位置？ – jonkroll 2013-03-13 18:35:18

我点击它的Firefox的源代码，它给了我请求的页面，所以是可以访问的。 – Olivier 2013-03-13 18:36:18

最后我使我自己的弹出框，要求使用动态内容从Javascript

来源

2013-03-15 17:16:28 Olivier

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

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

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

来源

2013-03-13 18:27:41 jonkroll

试着把'B'换成相同的结果 – Olivier 2013-03-13 18:30:09

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

来源

2013-03-13 19:28:05 Biswajit

我有同样的问题的密码。然后我通过用msg代替$.msgBox解决了这个问题。现在它的工作很好。

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

我从jquery.msgBox.js

来源

2016-05-24 10:12:25

jQuery的MSGBOX给出错误信息

回答

相关问题