jquery - Phonegap + jQuery - 如何在 div 中输出代码？

Question

我有一个 Phonegap 应用程序并使用 jQuery“ append() ”。有没有办法把这条线作为输出放在 div 中？

<p><a href="javascript:sound(2)"><img class="swapImageClick {src: 'soundoff.png'}" src="soundon.png /></a></p>

和

$('#div2').append ('');

和

$('#div2').html ('');

由于“”和“”，我没有运气

也许有一种方法可以拆分这个..？还是其他功能...？或其他字符掩码..？

有人可以帮忙吗？

Answer 1

您的 HTML 一开始就无效。\"然后，您可以使用or转义引号\'。

你可以这样做 ：

var html = '<p><a href="javascript:sound(2)">'
   + '<img class="swapImageClick {src: \'soundoff.png\'}" src="soundon.png">'
   + '</a></p>';
$('#div2').html (html);

但我可能会遗漏一些东西，因为你的class属性很奇怪。你想用这个{src东西做什么？假设这只是一个意外，也许你想要

var html = '<p><a href="javascript:sound(2)">'
   + '<img class="swapImageClick" data-swap-image-click-src="soundoff.png" src="soundon.png">'
   + '</a></p>';
$('#div2').html (html);

一旦您开始使用转义引号，开始寻找另一种解决方案可能会更明智。例如 ：

var img = $('<img>', {
    class: 'swapImageClick',
    'data-swap-image-click-src': 'soundoff.png',
    src: 'soundon.png'
});
$('#div2').append(
     $('<p>').append(
       $('<a>').append(img)
     )
);