尝试将一些前置代码添加到SlickNav菜单中，当基本HTML工作时，一旦我添加了像img＆h和sref这样的东西，代码就会失败。我知道这是不正确的，但我想知道这里有什么用处：
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）图像呢？
答案 0 :(得分：1)
经过大量的反复试验，我终于找到了似乎有效的代码。这将显示所有内容并且链接正确：
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>\");
答案 1 :(得分：0)
我认为正确的方法是
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>');
答案 2 :(得分：0)
为了回应@charlietfl留下的评论，语法荧光笔是一个好朋友。总是很难手动完成，但只要确保跟踪单引号和双引号转义。