在jquery工具提示中轉義雙引號和單引號

我正在使用動態jQuery輪播在主頁上顯示縮略圖圖像....旋轉木馬工作正常...我想爲每個圖像添加工具提示.. ..爲此，我正在使用jQuery工具提示....在懸停工具提示應顯示原始圖像，上傳等等...在jquery工具提示中轉義雙引號和單引號

向每個圖像添加工具提示的JavaScript如下...

function mycarousel_getItemHTML(url) 
{ 
var url= url.split(","); 
return '<a href="'+url[4]+'" onmouseover="Tip(\'<img src=\''+url[5]+'\'></img><br/><b>'+url[1]+'</b><br />Category:'+url[6]+'<br/>Views:'+url[2]+'<br/>Uploaded by:'+url[3]+'\')" onmouseout="UnTip()"><img src="' + url[0] + '" width="75" height="75" alt="" /></a>'; 
}; 


url[5]=original img src 
url[1]=title 
url[6]=category name 
url[2]=no of views 
url[3]=uploaded by 
url[0]=thumbnail img source

以上的JavaScript給我下面的錯誤

丟失）後的參數列表

我怎樣才能正確地逃脫單引號和雙引號？請幫我... -

來源

2009-08-13 Sakura

您什麼時候遇到錯誤？當你鼠標懸停或文檔加載時？ – 2009-08-13 09:08:24

在鼠標懸停... – Sakura 2009-08-13 09:11:23

我認爲有人來了，只是低估了一切。所有答案都在同一時間下調。 – 2009-08-13 14:09:29

我覺得onmouseover部分是錯誤的，你想要的：

onmouseover="Tip(\'<img src=\\\''+url[5]+'\\\' /><br/><b>'+url[1]+'</b><br />Category:'+url[6]+'<br/>Views:'+url[2]+'<br/>Uploaded by:'+url[3]+'\')"

讓我知道，如果不工作 - 我的頭從想成爲一個JavaScript解釋器傷害。我認爲這是正確的。

p.s.我修復了<img>標籤 - 我認爲一般<img>標籤應該是自動關閉的<img... />，而不是<img...></img>。

來源

2009-08-13 09:17:41

非常感謝你..你工作...^_^ – Sakura 2009-08-13 09:22:37

非常好！隨意標記此答案爲接受然後！ – 2009-08-13 09:23:28

哈哈...對不起...我其實忘了這麼做... ^^ – Sakura 2009-08-13 09:25:34

假設HTML "實體得到適當的解釋（和重新格式化，使人們可以看到發生了什麼事情。）：

function mycarousel_getItemHTML(url) 
{ 
    var url= url.split(","); 
    // wrapping attributes in double-quotes, so use double-quote 
    // entity within attribute values: 
    return '<a href="' + url[4] + '" ' + 
     'onmouseover="Tip(\'<img src=&quot;' + url[5]+'&quot;/><br/>' + 
     '<b>' + url[1] + '</b><br />' + 
     'Category:' + url[6] + '<br/>' + 
     'Views:' + url[2] + '<br/>' + 
     'Uploaded by:' + url[3] + '\')" ' + 
     'onmouseout="UnTip()">'; 
};

注意：你應該實體編碼所有<到<的的onmouseover屬性裏面太。這可能會減少瀏覽器的工具提示範圍

來源

2009-08-13 09:31:56 searlea

在jquery工具提示中轉義雙引號和單引號

回答

相關問題