0

我应该创建一个在页面加载时触发的自定义事件，该事件将类“green”添加到 id 为 #myElementId 的 div。这是我对代码的尝试，但我收到一条错误消息，说我必须添加绿色类。你能告诉我我做错了什么吗？

$(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 回答