突出部分文字並顯示信息的對話框？

我在我的博客上工作，不知道如何製作一個JavaScript，其中突出顯示了我的文本的某些部分，並提供了進一步的信息。像：突出部分文字並顯示信息的對話框？

我的工作我的電腦

上，如果我在電腦上點擊存在一個jQuery用戶界面對話框窗口，更informatin。

我自己嘗試過，但是我不得不爲每個想要的信息創建一個div。然後我能夠打開一個盒子

$(foo).dialog('open')

那就是多格，我認爲。你能否提供一個簡單的解決方案？

來源

2012-04-09 user1321874

很難說你真正需要什麼。下次你應該提供更多的代碼......但我會試一試：我不知道你是如何提供文本的亮點，但我認爲this demo可以幫助你。

HTML：

<p> Text blabla 
<span data-title="Title 1" data-text="Text 1" class="a2u">Highlight 1</span> 
more blabla 
<span data-title="Title 2" data-text="Text 2" class="a2u">Highlight 2</span> 
more blabla 
<span data-title="Title 3" data-text="Text 3" class="a2u">Highlight 3</span> 
more blabla 
</p>

的Javascript：

$().ready(function() { 
    $("#alert2ui").dialog({ 
     autoOpen: false 
    }); 
    $(".a2u").click(function() { 
     $("#alert2ui").dialog("option", "title", $(this).attr("data-title")); 
     $("#alert2ui").html($(this).attr("data-text")); 
     $("#alert2ui").dialog('open'); 
    }); 
});

突出顯示文本由給定css class與HTML5 data-*屬性，你可以設置的詳細信息。

來源

2012-04-09 12:50:53 Neysor

突出部分文字並顯示信息的對話框？

回答

相關問題