jquery display none无法正常工作

时间:2017-08-23 05:00:04

标签: javascript jquery

Gurus,我正在使用Jquery根据字段值选项隐藏或显示字段。以前我使用了隐藏和显示功能,它工作正常,但有白色空间。所以我改为使用jquery display none隐藏字段。但它不起作用,请帮助,谢谢!以下是我的代码。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
    jQuery(document).ready(
        function(){
            hideRating('initial');
        }
    );

    function hideRating(scope){
        if(scope=='initial'){
            jQuery('[id$=CallSupportBeforeOutput]').style.display = "none";
            jQuery('[id$=CallSupportBeforeQuestionLabel]').style.display = "none";
    }
}

5 个答案:

答案 0 :(得分:1)

以下是解决方案:

var oRendererExtensions = jQuery.sap.getObject("sap.ushell.renderers.fiori2.RendererExtensions");

oRendererExtensions.setHeaderTitle(“Some Title”);

答案 1 :(得分:0)

jQuery(&#39; [id $ = CallSupportBeforeOutput]&#39;)返回一个数组,您需要提供索引来更改元素的样式。见下面的摘录。

&#13;
&#13;
jQuery(document).ready(
        function(){
            hideRating('initial');
        }
    );

    function hideRating(scope){
        if(scope=='initial'){
            jQuery('[id$=CallSupportBeforeOutput]')[0].style.display = "none";
            jQuery('[id$=CallSupportBeforeQuestionLabel]')[0].style.display = "none";}
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="background-color: red"> visible content
<div id="CallSupportBeforeOutput">main content
</div>
<div id="CallSupportBeforeQuestionLabel">second content
</div>
</div>
&#13;
&#13;
&#13;

您还可以使用style.display将纯javascript与jquery混合使用。如果您不想提供元素索引,可以使用.css()jquery方法更改样式。

答案 2 :(得分:0)

<script type="text/javascript">
        jQuery(document).ready(
            function(){
                hideRating('initial');
            }
        );

        function hideRating(scope){
            if(scope=='initial'){
                jQuery('[id$=CallSupportBeforeOutput]').css("display", "none");
                jQuery('[id$=CallSupportBeforeQuestionLabel]').css("display", "none");}
}

 </script>
你可以试试这个!!

答案 3 :(得分:0)

隐藏()功能和 style.display =&#39;无&#39 ;; 功能相同。你必须检查CSS属性。可能会覆盖。

答案 4 :(得分:0)

使用.css属性而不是.style属性,如下所示: -

    jQuery('[id$=CallSupportBeforeOutput]').css("display", "none");
            jQuery('[id$=CallSupportBeforeQuestionLabel]').css("display", "none");}