微软JScript运行时错误：对象不支持此属性或方法

Question

我正在尝试在ASP.NET中使用jGrowl，但在IE中运行页面时，出现了Microsoft JScript运行时错误：对象不支持此属性或方法。有什么想法为什么会发生这种情况吗？

<link rel="stylesheet" href="css/jquery.jgrowl.css" type="text/css" />
<style type="text/css">
div.jGrowl div.smoke {
background: url(images/smoke.png) no-repeat;
-moz-border-radius:  0px;
-webkit-border-radius: 0px;
width:      280px;
height:     55px;
overflow:     hidden;
}
</style>
<!--[if lt IE 7]>
<link rel="stylesheet" href="css/jquery.jgrowl.ie6.css" type="text/css" />
<![endif]-->

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.jgrowl.js"></script>
<script type="text/javascript" src="js/jquery.template.js"></script>
<script type="text/javascript" src="js/jquery.ui.all.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.js" ></script>
<script type="text/javascript">

    $(document).ready(function(){

    $('#test2').jGrowl("TEST", {
        theme: 'smoke',
        closer: true
    });

});

</script>

BODY:

<a onclick="$('#test2').jGrowl('TEST');" href="javascript:void(0);">Sample 3</a>

- MiziaQ

Answer 1

我认为您将jQuery包含了两次。您已经包含了jquery.js和jquery-1.4.2.js脚本文件。所有的东西似乎都在第一个实例中插入，然后最后一个包含会覆盖$。这就是为什么您会看到这个错误信息。

- Vadim

---

问题已经解决了，谢谢。不过我有一个问题，由于某种原因，当页面加载时jGrowl窗口会显示，并且在单击链接时也会激活。你知道为什么会发生这种情况吗？ - MiziaQ

@MiziaQ，这是因为你在$(document).ready处理程序中进行了jGrowl调用。你可能想要做的是删除标签上的onclick处理程序，并在document.ready中执行以下操作：$('#test').click(function(e) { $(this).jGrowl("TEST"); e.preventDefault(); }); - Vadim

Answer 2

包含两个相同类型的jquery文件会导致此类错误。删除其中一个即可解决问题。

//<script type="text/javascript" src="js/jquery.js"></script>   
<script type="text/javascript" src="js/jquery.jgrowl.js"></script>  
<script type="text/javascript" src="js/jquery.template.js"></script>  
<script type="text/javascript" src="js/jquery.ui.all.js"></script>  
<script type="text/javascript" src="js/jquery-1.4.2.js" ></script>   

- Coderx07

Answer 3

也许您还没有发布完整的页面源代码，但如果您除了其他 JQuery/JavaScript 包含之外还有这一行，请尝试从页面中删除它。

<script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

- Mayank