javascript - Javascript コードへの変数の追加

Question

これは非常に単純な問題かもしれませんが、問題を見つけることができません。

私はこのコードを持っています:

output += '<li><a href="#"><img src="'+value.thumbnail_url+'" /><h3>'+value.title+'</h3>'+value.body+'</a></li>';

href="#" の後にこのコードを追加する必要があります

URL 文字列を次のように置き換えます: value.media_url

私が思いついた：

output += '<li><a href="#" onclick="window.plugins.childBrowser.showWebPage('+value.media_url+');"><img src="'+value.thumbnail_url+'" /><h3>'+value.title+'</h3>'+value.body+'</a></li>';

ただし、リンクが機能していないため、上記には構文の問題があるようです。

壊れたコードはここのどこかにあります:onclick="window.plugins.childBrowser.showWebPage('+value.media_url+');"残りは正常に動作します。

さらに先に進むことができます...ここ：

('+value.media_url+')

誰でも問題を見ることができますか？

Answer 1

結果の文字列は次のとおりです。

window.plugins.childBrowser.showWebPage(my/url/to/file.png)

ご覧のとおり、文字列を囲む引用符がありません。それは属性にあるので、これが必要です：

... onclick="window.plu.....WebPage("'+value.media_url+'")" ...

Answer 2

に置き換えるonclick="window.plugins.childBrowser.showWebPage('+value.media_url+');" とonclick="window.plugins.childBrowser.showWebPage('"+value.media_url+"');"修正されます