尝试在 SlickNav 菜单中添加一些前置代码，虽然基本的 HTML 可以工作，但一旦我添加了 img 和 href 之类的东西，代码就会失败。我知道这是不正确的，但我想知道这里有什么用：
jQuery('.slicknav_menu').prepend('<div class=\"logo\"><a href=\"https://example.com/\" rel=\"home\"><img src=\"https://example.com/images/logo-round.svg\" alt=\"My Site\" onerror=\"this.onerror=null; this.src='https://example.com/images/logo-round.png'\"></a></div>');
我知道这会起作用：
jQuery('.slicknav_menu').prepend('<div class=\"logo\">LOGO</div>');
但另一个更先进。那么我怎样才能使它工作以显示 svg（或 png）图像？
经过大量的反复试验，我终于找到了似乎可以工作的代码。这将显示所有内容并且链接正确：
jQuery('.slicknav_menu').prepend(\"<div class=\\\"site-title\\\"><a href=\\\"https://thecleverroot.com/\\\" rel=\\\"home\\\"><img src=\\\"https://thecleverroot.com/wp-content/themes/clever-root/images/logo.svg\\\" alt=\\\"The Clever Root\\\" onerror=\'this.onerror=null; this.src=\\\"https://thecleverroot.com/themes/clever-root/images/logo-round.png\\\"\'></a></div>\");
只是为了回应@charlietfl 留下的评论，语法荧光笔是一个好朋友。总是很难手动完成，但请务必跟踪单引号和双引号转义。
我认为正确的方法是
jQuery('.slicknav_menu').prepend('<div class="logo"><a href="https://example.com/" rel="home"><img src="https://example.com/images/logo-round.svg" alt="My Site" onerror="this.onerror=null; this.src=\'https://example.com/images/logo-round.png\'"></a></div>');
如果您从简单引号开始，那么您需要转义简单引号。
例如：
$('.slicknav_menu').prepend('<div class="logo" id=\'id_exemple\'>Teste</div>');