replaceWith jquery错误

Question

您好我正在尝试替换div的内容以重置slimbox2库的构造。

然而，由于图像src中存在/它将其视为javascript错误。 我记得有一些你需要替换的角色，或者我错了吗？

function destroyGallery(){
    $('#imageGal').replaceWith("<li><img src="images/products/castles/camelot/medium/1.jpg" title="Camelot Castle" id="mainProdPicture"/></li>
        <li><img src="images/products/castles/camelot/medium/2.jpg" title="Camelot Castle" /></li>
        <li><img src="images/products/castles/camelot/medium/3.jpg" title="Camelot Castle" /></li>");

}

Answer 1

你有双引号冲突。

尝试：

function destroyGallery(){
    $('#imageGal').replaceWith('<li><img src="images/products/castles/camelot/medium/1.jpg" title="Camelot Castle" id="mainProdPicture"/></li><li><img src="images/products/castles/camelot/medium/2.jpg" title="Camelot Castle" /></li><li><img src="images/products/castles/camelot/medium/3.jpg" title="Camelot Castle" /></li>');   
}

Answer 2

双引号，将其更改为：

function destroyGallery(){
    $('#imageGal').replaceWith('<li><img src="images/products/castles/camelot/medium/1.jpg" title="Camelot Castle" id="mainProdPicture"/></li>\
        <li><img src="images/products/castles/camelot/medium/2.jpg" title="Camelot Castle" /></li>\
        <li><img src="images/products/castles/camelot/medium/3.jpg" title="Camelot Castle" /></li>');

}