突出部分文字并显示信息的对话框？

我在我的博客上工作，不知道如何制作一个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

突出部分文字并显示信息的对话框？

回答

相关问题