1

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）画像を表示するようにするにはどうすればよいですか？

4

3 に答える 3

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>\");
于 2015-10-07T05:26:44.117 に答える
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>');
于 2015-10-04T23:19:45.157 に答える
0

@charlietfl が残したコメントを反映するために、構文ハイライターは良い友達です。手動で行うのは常に困難ですが、一重引用符と二重引用符のエスケープを必ず追跡してください。

于 2015-10-04T23:20:44.083 に答える