jQuery - отдельное событие onClick для каждого слова в абзаце

Question

Я хочу, чтобы зрители моей страницы могли щелкнуть любое слово в абзаце, чтобы вызвать всплывающую подсказку (например, определение слова или другое событие), но я не хочу раздувать свой HTML-код тегами, заключенными в каждое слово.

Эффект, которого я добиваюсь, похож на то, что New York Times делает в своих статьях.Двойной щелчок по любому слову в статье NYT приводит к появлению всплывающей подсказки, по которой можно щелкнуть для получения дополнительной информации. Пример. Но вы заметите, что в исходном коде нет разметки на исходной странице для этих всплывающих подсказок.

Может ли это быть достигнуто с помощью jQuery?что-то типа, щелкнуть любое слово?

Answer 1

это на самом деле не по щелчку, а по выбору, я думаю.

Взгляните на этот плагин.

Обновление:

Также я нашел похожее обсуждение этого потока: Подсказка, вызванная выделением текста

Answer 2

Может быть, вы можете попытаться сделать это так:

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
}

Привет