实现替换代码后,我遇到了颜色框问题。
我有两个元素正在使用 replacewith 进行替换。单击时,这两个元素都会显示所需内容的颜色框。但是,如果我使用 replacewith 来更改这些元素的内容,它将不允许 colorbox 加载正确的 div 内容。
彩盒脚本
$(document).ready(function(){
$(".inline").colorbox({inline:true, width:"50%"});
})
Jquery Replacewith 脚本
$("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 都是内联的,但是一旦加载页面,它的“内联 cboxelement”即使使用它也不允许我加载正确的内容
我也尝试将数据添加到 replacewith 所做的更改中,但这会使元素与以前保持一致
$('div.splash-order').replaceWith($('<div class="splash-order"><a class="inline" href="#inline_order">Order/Contact Us</a></div>', $(data)));
任何帮助都将不胜感激。谢谢