Question

在使用代码替换后，我遇到了使用colorbox的问题。

我有两个元素正在使用replacewith替换。单击这两个元素时，会显示所需内容的颜色框。但是，如果我使用replacewith来更改这些元素的内容，则不允许colorbox加载正确的div内容。

colorbox脚本

$(document).ready(function(){
$(".inline").colorbox({inline:true, width:"50%"});
})

Jquery替换脚本

$("div.en").click(function(){
$('div.lang').replaceWith('<div class="lang"><div class="DE">German</div></div>');
$('div.pagetitle').replaceWith('<h1 id="page-title" class="title">Online Store Coming Soon</h1>');
$('div.view-cat').replaceWith('<div class="view-cat"><a class="inline" href="#inline_catalog">See Our Products</a></div>');
$('div.splash-order').replaceWith('<div class="splash-order"><a class="inline" href="#inline_order">Order/Contact Us</a></div>');
});

我确实注意到这两个a.class都是内联的，但是一旦页面加载了它的'inline cboxelement'，即使使用它也不允许我加载正确的内容

我还尝试将数据添加到替换为make的更改中，但这使得元素保持与之前相同

$('div.splash-order').replaceWith($('<div class="splash-order"><a class="inline" href="#inline_order">Order/Contact Us</a></div>', $(data)));

任何帮助都很感激。谢谢

使用replacewith替换div元素后，colorbox停止工作

0 个答案: