将类添加到jsf模板中的组件

【问题标题】：add class to a component in jsf template将类添加到jsf模板中的组件
【发布时间】：2017-11-07 19:07:52
【问题描述】：

我正在为我的网站使用一个模板，但是我想在单击它时向<li> 元素添加一个类，我已经可以这样做了，因为我在调试心情中看到了结果，但是当我移至此页面时我添加的class="active" 再次被删除。这是我调试心情的 img 和我使用的脚本。那么如何将添加的类保存到该元素中呢？

     <script>
                $(document).ready(function () {
                    $("#liEmpCreate").click(function () {
                        console.log("rerererererer ay2 ay2 ay2 ");
                        $("#liEmpCreate").addClass("active");
                    });
                });
            </script>

result in debug mood before redirect to this page

【问题讨论】：

你说的是侧边栏吗？
yes 侧边栏所选
元素的类。

点击保存时是否重新加载页面？

标签： javascript jquery jsf-2.2

【解决方案1】：

我终于找到了答案:) .

正如我在上面的问题中提到的，我想将此类添加到侧边栏的一个元素中，该元素指的是我打开的页面。所以我在所有页面中都有所有这些元素，然后我放了一个 id foreach

标记并尝试在每个页面中分别使用相同的脚本，但不幸的是它也不起作用。所以我试图把我的脚本放在我的页面的任何地方但是当我把它放在我的表单之后和</ui:define>之前我发现console.log出现在浏览器控制台中，但它不能像我希望的那样工作，因为这段代码是调用，然后再次呈现页面。最后我使用了下面的代码，它工作正常。

    <script>
               $(window).on('load', function() {
                        $("#liEmpCreate").addClass("active");
                });
            </script>
            <h:outputStylesheet library="js2" name="jquery-3.2.1.min.js"/>
        </ui:define>

【讨论】：