Javascript jQuery颜色插件'；由可选择的元件触发

我可以使用jQuery可选元素吗-

<div class="toggler">
        <div id="effect" class="ui-widget-content ui-corner-all">
            <h3 class="ui-widget-header ui-corner-all">Animate</h3>
            <p>
                jQuery UI bundles the jQuery Color plugins which provides color animations as well as many utility functions for working with colors.
            </p>
        </div>
    </div>

<ol id="button">
  <li class="ui-widget-content">Item 1</li>
  <li class="ui-widget-content">Item 2</li>
  <li class="ui-widget-content">Item 3</li>
  <li class="ui-widget-content">Item 4</li>
  <li class="ui-widget-content">Item 5</li>
  <li class="ui-widget-content">Item 6</li>
  <li class="ui-widget-content">Item 7</li>
</ol>

是否可以使用其他可单击的元素，而不是按钮，使彩色动画插件工作

---

如果您有任何建议，我将不胜感激。

id在此处应该是唯一的，id（按钮）是重复的

    <li id="button" class="ui-state-default ui-corner-all" >car 1</li>
    <li id="button" class="ui-state-default ui-corner-all" >car 2</li>
    <li id="button" class="ui-state-default ui-corner-all" >car 3</li>

车辆1
车辆2
第三辆车

在重复id（按钮）的地方，id应该是唯一的

    <li id="button" class="ui-state-default ui-corner-all" >car 1</li>
    <li id="button" class="ui-state-default ui-corner-all" >car 2</li>
    <li id="button" class="ui-state-default ui-corner-all" >car 3</li>

车辆1
车辆2
第三辆车

ID应该是唯一的。您可以将类用于所有类似的元素，并使用类选择器绑定事件。使用css类和转换会更美观。我已经解决了这个问题，但当我同时在两个插件中使用相同的选择器时，它仍然不起作用。ID应该是唯一的。您可以使用类将类绑定到所有类似的元素，并使用类选择器绑定事件。使用css类和转换会更漂亮。我修复了这个问题，但当我同时在两个插件中使用相同的选择器时，它仍然不起作用。我修复了这个问题，但当我同时在两个插件中使用相同的选择器时，它仍然不起作用。使用同一选择器的插件之间是否存在某种冲突？我已经解决了这一问题，但当我同时在两个插件中使用同一选择器时，仍然无法工作。使用相同选择器的插件之间是否存在某种冲突？

    <li id="button" class="ui-state-default ui-corner-all" >car 1</li>
    <li id="button" class="ui-state-default ui-corner-all" >car 2</li>
    <li id="button" class="ui-state-default ui-corner-all" >car 3</li>