Javascript/jQuery的传说部件

Question

有没有一个JS/jQuery小部件，可以让我显示一个简单的图例，其中包含例如一个小的彩色矩形和文本标签旁边？

在这种特殊情况下，图例将显示内联jQuery UI日期点击器小部件中不同颜色代码的含义，该小部件将进行自定义以启用用户的多种选择并在特定日期显示不同的颜色。

事实上，我需要的东西看起来就像这个页面页脚的SO站点列表（但理想情况下垂直列在选择器旁边）。所以如果没有现成的解决方案，我想我会尝试看看这个页面的源代码。

Answer 1

你必须把它交给StackOverflow组员。他们创造传奇的方法非常聪明。基本上，它们使用字符■（ASCII 254）代替任何图像或div。他们将其插入跨度，该字体使用字体大小和颜色属性进行设计。旁边是一个样式化的锚标签。冲洗并重复。

特别聪明的是它全部适合div 内联，并排列在基线！让我再说一遍：它排列在基线！所以在图像偏移等方面没有差异。对UI工程师来说，简单的一点是帽子。感谢您提醒我注意，否则我可能永远不会看到和学习​​。

编辑：ASCII 254是不正确的。 "■".charCodeAt(0)产生的实际值是9632，可能是Unicode的一些风格。相同的外观和形状，但不同的价值。