该脚本的第一部分包装了一些 div 并添加了一个新类,效果很好。
HTML(此链接打开 ColorBox)
<a class="group1 cboxElement wrapbox" href="http://localhost/blabla">This is a link</a>
jQuery:
$(document).ready(function(){
$(".wrapbox").click(function(){
$('#boxOverlay, #box').wrapAll('<div class="wrapper">');
$("#boxOverlay").addClass("unwrapbox");
});
});
但是当我试图撤消一切时,脚本失败了,我不知道为什么:
$(document).ready(function(){
$(".unwrapbox").click(function(){
$('#boxOverlay, #box').unwrap('<div class="wrapper">');
$("#boxOverlay").removeClass("unwrapbox");
});
});
HTML:(这是我点击“.unwrapbox”后的结果)
<div class="wrapbox">
<div id="boxOverlay" class="unwrap" style="display: none; opacity: 1; cursor: auto; visibility: visible;"></div>
<div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none; visibility: visible; top: 1125px; left: 660px; position: absolute; width: 600px; height: 1242px; opacity: 1; cursor: auto;">