YUI 正在覆盖我的 <li> ID。如何保存它们？

Question

我正在将 YUI 与 Purecss 一起使用，我注意到我的<li>元素及其id在创建下拉菜单时被覆盖。

它们变成这样的东西：<li id="yui132343_3242342">

请参阅此示例：PureCSS 下拉列表

如何保存给定id？

我的小提琴示例：小提琴示例YUI 下拉列表

Answer 1

查看插件的源代码，它似乎将您的HTML视为配置并重新构建新的DOM元素，因此不会保留任何额外的属性。 尝试将data-foo="bar"添加到菜单中的任何节点，它不会出现在菜单的 DOM 中。

恐怕您可能需要寻找一个新插件。

Answer 2

YUI 不会覆盖您<li>的 id，它只是在元素没有 id 时添加一个新 id。该库这样做是为了缓存它为处理 DOM 而创建的 JS 对象。如果您手动为这些li设置id，YUI 将保留它们。