jQuery - 在段落中的每個單詞單獨的onClick事件

我想讓我的頁面的查看者單擊段落中的任何單詞來觸發工具提示（如單詞定義或其他事件），但我不想要使用包裹在每個單詞周圍的標籤來擴充我的html。jQuery - 在段落中的每個單詞單獨的onClick事件

我要去的效果與紐約時報在他們的文章中所做的相似。雙擊NYT文章中的任何單詞都會顯示工具提示，您可以點擊該工具提示以獲取更多信息。 Example.但是您會注意到源代碼中原始頁面沒有標記這些工具提示的標記。

這可以用jQuery來實現嗎？就像，點擊任何單詞？

來源

2011-09-06 Heraldmonkey

它實際上不是點擊，它在選擇我認爲。

看看this插件。

更新：

而且我發現部份類似的討論計算器：Tooltip triggered by text selection

來源

2011-09-06 06:45:33 Samich

這看起來像正確的開始。我認爲「文本選擇觸發的工具提示」方法有兩個優點：（a）可以通過雙擊和拖動文本選擇來觸發，並且（b）可以限制哪些詞觸發工具提示。這很重要，因爲我會將不同的工具提示內容分配給特定的短語，並可能分配給每個單詞。非常感謝您的幫助！ – Heraldmonkey

也許你可以嘗試讓這樣的：

var openTag = "<a href='#' onclick='javascript:wordAction(this)'>"; 
var closeTag = "</a>" 

var paragraph = $("#paragraph"); 
var newParagraphHtml = paragraph.html().replace(" ", closeTag + openTag + " "); 
paragraph.html(openTag + newParagraphHtml + closeTag); 

var wordAction = function(el) { 
    var word = el.html(); 
    // do wat you want with your word 
}

問候

來源

2011-09-06 07:26:31

jQuery - 在段落中的每個單詞單獨的onClick事件

回答

相關問題