我有一个HTML UL标签在那里我有这样的事情:如何动态替换HTML标签,而不会丢失事件
这是一种常见的列表,即表现为一个滑块。正如你所看到的,每个图像都在div内,你可以点击并在另一个div中显示它。
好吧,我有这个oter列表:
-
Escaparates
$('#escaparates_show').click(function()
{
console.log('clicked');
$('#menu').html('');
$('
-
-
-
-
-
.prependTo('#menu');
$('#galeria_seleccionada').html('Escaparates');
});
$('#decoracion_show').click(function()
{
console.log('clicked');
$('#menu').html('');
$('
.prependTo('#menu');
$('#galeria_seleccionada').html('Decoración');
});
这是表明,该最后一个列表中的每个元素包含可能的图像列表。当我点击列表中的每个元素时,它将删除第一个“#menu”列表的html,并将其替换为我希望的内容。这样,我可以显示不同的图像列表,可以在另一个div上点击和展开。
问题是,当我将新内容替换为新列表时,它完美地显示了新的图像列表,但它不会继承“可点击的”事件,因此我第一次用HTML标签,它失去了它的可点击。
任何人都可以知道为什么会发生这种情况?
谢谢!
编辑:
对于同样的问题,我有这样的jQuery的事件: $('#menu').on("hover", '#menu li',
function() {
//mouse over LI and look for A element for transition
$(this).find('img')
.animate({ opacity:1 }, 200)
});
它适用于所有在继承的元素,但我不能让“鼠标离开”事件继承。如果我添加: $('#menu').on("hover", '#menu li',
function() {
//mouse over LI and look for A element for transition
$(this).find('img')
.animate({ opacity:1 }, 200)
},
function() {
$(this).find('img')
.animate({ opacity:0.5 }, 200)
});
它不起作用。它如何为悬停onleave事件?
2012-06-12
Sonhja