web-dev-qa-db-ja.com

JavaScriptのdiv onloadを隠す

HTML

<div id="b-navbar-fg">
</div> 

JavaScript

<script>
   $(function(){
      $("#b-navbar-fg").hide() // try to hide google navigation bar
   });
</script>

この関数は、私のGoogleブロガーページで実行されています。しかし、ページをロードするときにこのIDを非表示にすることはできません。

例のページ

3
user6761578

次のように使用できます:

[〜#〜] js [〜#〜]

window.onload = function() {
  document.getElementById('b-navbar-fg').style.display = 'none';
};

jquery

$(document).ready(function() {
    $("#b-navbar-fg").hide();
});
9
Mandeep Singh
$(document).ready(function() {
    $('#div1').hide();
    $('#preview').on('click', function() {
            $('#div1').toggle(300);
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1">
First Div Hide
</div>

<div id="div2">
Second Div
</div>

<div id="preview" style="color:#999999; font-size:14px">
<button>Click</button
</div>
1
Nikit Barochiya

このコードを試してください:

window.onload = function() {
  $("#b-navbar-fg").hide();
};

上記のコードが機能しない場合は、次のコードを試してください。

$(document).ready(function() {
    $("#b-navbar-fg").hide();
});
1
Abhijeet