2014-12-31 330 views
-5

我使用appeding一个div withing一些div的一个网页上的下列隐藏元素附加到div点击?

var strScript = '<div class="' + cssClass + '" > ' + message + '</div>'; 
var notifyElement = $(strScript); 

现在我要将此附加DIV是消失当用户对的OnClick

点击我可以做这样的事情吗?

notifyElement.OnClick(function ....... 

我不能通过传递id coz来选择元素会有多个div这种类型在一个页面中。

+3

这是*值得*你的时间花费一两个小时到[jQuery的API文档阅读了(http://api.jquery.com)。它真的只需要很长时间,而且它很快就会为自己付出代价。 –

+0

[动态创建的元素上的事件绑定?](https://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements) – Trikaldarshi

回答

2

是,只需使用click函数(或on):

notifyElement.click(function() { 
    notifyElement.hide(); 
}); 

notifyElement.on("click", function() { 
    notifyElement.hide(); 
}); 

,或者您可以使用notifyElement变量否则在未来的东西:

notifyElement.on("click", function() { 
    $(this).hide(); 
}); 
+0

可能的重复通过设置'notifyElement'中的所有内容将触发此事件? – Trikaldarshi

+1

@HIT:是的,'click'事件冒泡。所以除非你有一个处理'click'并停止传播的元素,否则notify元素将会看到点击。 –

1

是的:

notifyElement.click(function() { 
    $(this).hide(); 
}); 

或做它,而创造:

$(notifyElement, { 
    "click": function() { 
     $(this).hide() 
    } 
});