0

何が起こったのかわかりません。私が作成した最後のコードは、jsFiddle のコンソールでは正常に動作しますが、localhost でテストすると Firefox では動作しません。

コードの例を次に示します。localhost では動作しませんが、jsFiddle では動作します。コードが表示され、何も問題はありません。

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<style>
#boton
{
width:200px;
height:30px;
border:1px solid;
background-color:#cccccc;
}

.botonclass
{
width:250px;
height:300px;
border:1px solid;
background-color:#FF0000;
}
</style>

<script>
$(document).ready(function() {

$("#boton").mouseover(function(){
$(this).addClass("botonclass",1000);
});

});
</script>

</head>



<body>


<div id="boton">Hello</div>



</body>
</html>

誰かが自分のコンピューターでこれをテストして、同じ結果 (ローカルホストでコードが機能しない) が得られるかどうか教えてもらえますか? ありがとうございます。それでは、お元気で

編集: 実行する必要があるコードは次のとおりです: $(this).addClass("botonclass",1000);-- マウスオーバー ハンドラーが実行されているかどうかを確認するために、元の提供されたコードにアラートを追加しましたが、具体的には実行されていないように見えるのはこの行です。

4

2 に答える 2

2

ローカルホストとはどういう意味ですか? Apache を実行していますか、それとも HTML ファイルとして保存して Firefox で開いていますか?

おそらく、ライブラリがローカルに保存されていて、Google Api や jQuery.com からダウンロードされていない場合に役立ちます。おそらく、ファイアウォールがローカルに保存されたファイルからの外部要求をブロックしている可能性があります。ローカル サーバー (WAMPserver の XAMPP など) を実行すると、この問題が解決されます。

于 2012-08-03T22:02:03.647 に答える
0

ボックスにカーソルを合わせると、アラートが表示されます。

すべての JavaScript をディスクにダウンロードし、リモートの場所の代わりに使用して、それが役立つかどうかを確認してください。

于 2012-08-03T22:00:52.607 に答える