0

ページの読み込み時にトリガーされるカスタム イベントを作成して、ID #myElementId の div にクラス「green」を追加することになっています。これは私の試みですが、クラス green を追加する必要があるというエラー メッセージが表示されます。私が間違っていることを教えてもらえますか？

$(document).ready(function(){

 $('#myElementId').bind('ready', function() {
      $(this).addClass('green');
    });
});

HTML

<body>
<div id="myElementId"></div>

</body>

アップデート

これは、ページの読み込み時にクラスを追加するカスタム イベントを作成する方法を教えてくれると思われる codecademy のレッスンから取ったものです。他のより簡単な解決策がありますが、レッスンが意図した方法で解決しようとしています。

これは彼らが与えたヒントです

$("#myElementId").on("myCustomEvent", function(event) {
});
4

2 に答える 2

3

あなたはただすることができます：

$(document).ready(function() {
    $("#myElementId").addClass('green');
}​);​

また、にタイプミスがあることに注意してくださいid。それmyElementIdは、ではありませんmyElementID。

編集：イベントをトリガーするには、次を使用します.trigger()：

$(document).ready(function() {

 // Bind a function to be executed when 'myCustomEvent' is triggered
 $('#myElementId').bind('myCustomEvent', function() {
   $(this).addClass('green');
 });

 // Trigger the event 'myCustomEvent'
 $('#myElementId').trigger("myCustomEvent"); 

});​

また、jQuery 1.7以降では、の.on()代わりにを使用する必要があり.bind()ます。

デモ。

于 2012-09-07T22:32:11.630 に答える
0

CSS に green という名前でクラスを追加するだけです。これで作業は完了です。

.green
{
    font-weight: bold;
    background-color: green;
}

このフィドルをチェック

また、この行は必要ありません

$('#myElementID').bind('ready', function() {
于 2012-09-07T22:31:40.200 に答える