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

时间:2017-11-07 19:07:52

标签: javascript jquery jsf-2.2

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

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

result in debug mood before redirect to this page

1 个答案:

答案 0 :(得分:0)

最后我找到了答案:)。

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

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

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