javascript - 尝试使用 Javascript/jQuery 插入 HTML 时出现意外的标识符

Question

我收到“意外标识符”错误，但查看我的代码，我只是没有看到我的问题。

$(document).ready(function () { 
    if ((window.location.pathname + window.location.search) === '/search/label/Design-Work')
    $( '#main-footer' ).append('<audio id='music-song' preload='auto'><source src='/audio/music_i-remember.mp3' type='audio/mpeg'/><source src='/audio/music_i-remember.ogg' type='audio/ogg'/></audio>'); 
});

我使用此脚本的目标是在某些搜索页面上插入 HTML，以防有人询问。

Answer 1

$(document).ready(function () { 
    if ((window.location.pathname + window.location.search) === '/search/label/Design-Work') {
        $( '#main-footer' ).append("<audio id='music-song' preload='auto'><source src='/audio/music_i-remember.mp3' type='audio/mpeg'/><source src='/audio/music_i-remember.ogg' type='audio/ogg'/></audio>");
    }
});

在您的append函数中，您使用了单引号 ( ')，您也使用了单引号 ( )，id=''从而结束了append函数中的字符串。

Answer 2

不好的引用：

[snip].append('<audio id='music-song' preload=.....
              ^--start string
                         ^--end string
                                    ^--start another string

您需要转义任何内部引用，例如

[snip].append('<audio id=\'music-song\' ....

Answer 3

您的具体问题似乎在这一行：

$( '#main-footer' ).append('<audio id='music-song' preload='auto'><source src='/audio/music_i-remember.mp3' type='audio/mpeg'/><source src='/audio/music_i-remember.ogg' type='audio/ogg'/></audio>');

您在单引号中使用单引号，这是关闭并重新打开您的参数...尝试在外部使用双引号并在内部使用单引号。