2011-01-28 16 views
7

ASP.NETでjGrowlを使用しようとしていますが、Microsoft JScriptランタイムエラーが発生しています:オブジェクトはこのプロパティまたはメソッドエラーをサポートしていません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> 

答えて

14

私はあなたが二回jqueryのを含めていると思います。 jquery.jsおよびjquery-1.4.2.jsスクリプトファイルが含まれています。すべてが最初のインスタンスにプラグインされているように見え、最後には$が上書きされます。そのため、このエラーメッセージが表示されます。

+0

これで、このエラーは修正されました。ただし、何らかの理由でjGrowlウィンドウが表示されるのは、ページがロードされたときと、リンクがクリックされたときにアクティブになる場合の両方の両方に表示されます。なぜそれが起こっているのか知っていますか? – MiziaQ

+0

@MiziaQ、 '$(document).ready'ハンドラでjGrowl呼び出しを行っているからです。おそらくあなたがしたいことは、タグ上のoncickハンドラを削除し、document.ready '$( '#test')で次のことをすることです:click(function(e){$(this)).jGrowl(" TEST "); e.preventDefault();}); ' – Vadim

0

完全なページソースを投稿していないかもしれませんが、この行に他のJQuery/JavaScriptが含まれている場合は、ページから削除してみてください。

3

同じタイプの2つのjqueryファイルを含むと、このタイプのエラーが発生します。それらのうちの1つを取り除くと、あなたの問題は解決されます。

//<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> 
関連する問題