我目前的脚本有点坏。点击表格中的链接成功创建我的div覆盖。然后我关闭我的div并点击另一个链接,div覆盖层再次打开关闭按钮停止工作。打开/关闭Div覆盖
我猜的问题是,在我使用“replaceWith”之后,DOM不会再识别我的空白div。
任何帮助,将不胜感激。
<table id="tableBin" border="0">
<tr>
<th>name</th>
<th>description</th>
</tr>
<tbody>
<tr>
<td><a href="clip/location/A001C012_111129_R1VL.mov">A001C012_111129_R1VL.mov</a></td>
<td>Adipiscing elit. Fusce bibendum, leo non.</td>
</tr>
<tr>
<td><a href="clip/location/A001C012_111130_R1VL.mov">A001C012_111130_R1VL.mov</a></td>
<td>Consectetur adipiscing elit. Fusce bibendum, leo non.</td>
</tr>
</tbody>
</table>
<div id="overlay">
<div id="blackOut" class="hide">
<div id="box" class="hide">
<div id="controls" class="hide"><a href="#"><img border="0" alt="close" width="25px" hieght="25px" src="images/close.png"></a></div>
</div>
</div>
</div>
<script>
$("#tableBin a").on("click", function(e) {
e.preventDefault();
var url = $(this).attr("href");
var video = jQuery('<embed width="640" height="375" ShowControls=1 src="'+url+'" /></embed>');
$('#blackOut').removeClass("hide").addClass("blackOut");
$('#box').removeClass("hide").addClass("box");
$('#controls').removeClass("hide").addClass("controls");
$('#box').append(video);
});
</script>
对不起,阿兰,我搞砸了。 div再次打开,但关闭按钮停止工作。 : -/ – ENev 2012-04-27 14:45:08
嗯,现在呢? – 2012-04-27 14:57:17
#关闭按钮和#视频容器的新元素或只是对img和视频的id? 我似乎遇到的问题是$('#video-container')。addClass(“hide”)。html(“”);正在删除我的关闭按钮图像。 – ENev 2012-04-27 15:26:15