1

replacewith コードを実装した後、カラーボックスに問題があります。

replacewith を使用して置き換えられる 2 つの要素があります。これらの要素をクリックすると、目的のコンテンツのカラーボックスが表示されます。ただし、replacewith を使用してこれらの要素のコンテンツを変更すると、カラーボックスが適切な 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)));

どんな助けでも感謝しています。ありがとう

4

0 に答える 0