いくつかの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;">