Microsoft JScript runtime error: Object doesn't support this property or method

Question

I am trying to use jGrowl in ASP.NET, but am getting a Microsoft JScript runtime error: Object doesn't support this property or method error when trying to run the page in IE. Any ideas why this is happening?

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

Vadim · Accepted Answer · 2011-01-28 20:45:13Z

14

I think you are including jquery twice. You have a jquery.js and jquery-1.4.2.js script files included. Everything seems to be plugging into the first instance and then the last include overrides $. So that's why you're seeing this error message.

answered Jan 28, 2011 at 20:45

Vadim

18k5 gold badges40 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

MiziaQ Over a year ago

That fixed the error, thanks. One question though, for some reason the jGrowl window is displayed both when the page is loaded and is also activated when the link is clicked. Do you know why that is happening?

Vadim Over a year ago

@MiziaQ, it is because you are doing a jGrowl call in the $(document).ready handler. What you probably want to do is remove the oncick handler on the tag and do the following in document.ready $('#test').click(function(e) { $(this).jGrowl("TEST"); e.preventDefault(); });

Coderx07 · Accepted Answer · 2012-08-16 08:27:02Z

3

Including 2 jquery files of the same type generates this type of errors. Get rid of one of them and your problem is solved.

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

answered Aug 16, 2012 at 8:27

Coderx07

2981 silver badge6 bronze badges

Comments

Mayank · Accepted Answer · 2012-03-27 22:09:27Z

0

May be you haven't posted your complete page source but if you have this line in addition to other JQuery/JavaScript includes, try removing it from the page.

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

answered Mar 27, 2012 at 22:09

Mayank

3422 silver badges11 bronze badges

Collectives™ on Stack Overflow

Microsoft JScript runtime error: Object doesn't support this property or method

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related