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

Question

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

     <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

Answer 1

终于找到答案了:) .

正如我在上面的问题中提到的，我想将此 class 添加到边栏的一个元素中，该元素指的是我打开的页面。所以我在所有页面中都有所有这些元素，然后我放了一个 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>

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

add class to a component in jsf template

javascript

jquery

jsf-2.2