將javascript onclick事件附加到定位標記

Question

我試圖將onclick事件附加到我的Phonegap應用程序中。 它將鏈接到外部瀏覽器的位置。

我的代碼：

pair +='<div class="card_background" style="background-image: url("http://placehold.it/600x200");" valign="bottom" class="card-header color-white no-border"><div class="card_overlay"></div><div class="animated_background"></div><h3 class="card-title">'+ results.rows.item(i).title +'</h3></div><div class="card-content"><div class="card-content-inner"><p class="color-gray event_details">Event Location:  <strong>'+ results.rows.item(i).eventlocation +'</strong></p><p class="color-gray event_details">Event Date: <strong>'+ date + " " + month + " " + year +'</strong></p><a href="#" onclick="window.open("'+ results.rows.item(i).eventOrganiserLink +'", _system, location=yes);">Google</a><br/></div></div>';

內部循環，稍后我將其附加到div

我正在嘗試添加：

<a href="#" onclick="window.open("'+ results.rows.item(i).eventOrganiserLink +'", _system, location=yes);">Google</a>

它給我錯誤

提前感謝

Answer 1

我已經簡化了您的代碼。 考慮以下：

var pair = '';
var eventOrganiserLink = '[EVENT ORGANISER LINK]';

pair += '<a href="#" onclick="window.open("'+ eventOrganiserLink +'", _system, location=yes);">Google</a>';

這將生成以下內容：

<a href="#" onclick="window.open("[EVENT ORGANISER LINK]", _system, location=yes);">Google</a>

onclick屬性以雙引號（“）開頭，這意味着它將在其后查找第一個雙引號以將其關閉。就在window.open(緊隨其后，這意味着該部分是唯一將被設置為onclick屬性的東西。在StackOverflow的代碼框中，查看onclick屬性中的顏色如何真正不匹配？

這有點棘手，因為我們要混合使用引號（設置對變量）和雙引號（作為該變量內的文本，以后將用作html-因此它必須有效）。

您可以對第一個window.open參數使用單引號，並在pair變量的賦值中將其轉義，如下所示：

var pair = '';
var eventOrganiserLink = '[EVENT ORGANISER LINK]';

pair += '<a href="#" onclick="window.open(\''+ eventOrganiserLink +'\', _system, location=yes);">Google</a>';

這將產生：

<a href="#" onclick="window.open('[EVENT ORGANISER LINK]', _system, location=yes);">Google</a>

請注意[EVENT ORGANISER LINK]周圍的單引號。 另請注意，現在顏色匹配。