jQuery隐藏未来匹配的元素 jQuery('.my_class').hide(); jQuery('.some_other_class').live('click',function(){ //一些其他的东西,放在另一个div中,与class'my_class' });
使用此脚本,前4个div将在加载时隐藏。但是,当我单击which时,新的div将不会显示。我如何使所有与“my_类”匹配的未来元素也自动隐藏 编辑 我发现:jQuery隐藏未来匹配的元素 jQuery('.my_class').hide(); jQuery('.some_other_class').live('click',function(){ //一些其他的东西,放在另一个div中,与class'my_class' });,jquery,Jquery,使用此脚本,前4个div将在加载时隐藏。但是,当我单击which时,新的div将不会显示。我如何使所有与“my_类”匹配的未来元素也自动隐藏 编辑 我发现: $(“.redbold{color:#f00;字体大小:bold;} )的附录(“标题”); $(“”).addClass(“红色粗体”).text(“某些新文本”).appendTo(“正文”) 这与我将使用的方法更接近。很多干燥剂。使用jQuery('.my_class')。live('hide') 更新:您是否可以使用CSS代码设置显
$(“.redbold{color:#f00;字体大小:bold;}
)的附录(“标题”);
$(“”).addClass(“红色粗体”).text(“某些新文本”).appendTo(“正文”)代码>
这与我将使用的方法更接近。很多干燥剂。使用jQuery('.my_class')。live('hide')
更新:您是否可以使用CSS代码设置显示:无;对于所有my_类元素?基本上,您希望确保在页面上呈现新元素之前已将其隐藏:
<div class='my_class'></div>
<div class='my_class'></div>
<div class='my_class'></div>
<div class='my_class'></div>
jQuery('.my_class').hide();
jQuery('.some_other_class').live('click', function(){
// some other stuff that puts in another div with class 'my_class'
});
jQuery('.my_class').hide();
jQuery('.some_other_class').live('click',function(){
var myDiv=$('',{“类”:“my_类”}).hide().insertAfter('div.my_类:last');
});
不确定是否可以自动执行所需操作,但您可以尝试以下操作:
jQuery('.my_class').hide();
jQuery('.some_other_class').live('click', function(){
var myDiv = $('<div />', { "class": "my_class" }).hide().insertAfter('div.my_class:last');
});
这将在与现有分区相同的状态下创建新的div
。我正在尽量使其保持干燥。我不想把这一行放在其他3个脚本中,它们也会影响这个页面。不,对不起。我记得这应该行得通,但显然不行.live()
绑定事件处理程序以处理未来元素上的事件。它不会对未来的元素产生影响,这正是我们在这里所追求的。我可以,我只是不想把CSS也混入其中。显然,没有办法委托隐藏,所以这是通过“干”est赢得的。你有没有理由不在该类中使用CSS显示:无?
jQuery('.some_other_class').live('click', function(){
var myClassIsVisible = $(.my_class).is(':visible');
var newDiv = // create new div with class 'my_class'
newDiv.toggle(myClassIsVisible);
// insert newDiv into the DOM
});