javascript - 替换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>');

}