2

私はdivを持っています:

<div id="postreply">
    <asp:Label ID="lbStatus" CssClass="input-large1" runat="server" Text="Close" Width="600px"></asp:Label>
</div>

ページの読み込み時にdivを非表示にしようとしています:

<script type="text/javascript">
window.onload = function() {            
        var x = document.getElementById('lbStatus').innerText;
        if(x == "Close"){
            $("#postreply").hide();
        }
    }</script>

lbStatus.Text = Close でこの div を非表示にするのを手伝ってくれる人

4

5 に答える 5

6

これには単純にCSSを使用できませんか？

#postreply {
   display: none; /* onLoad your div will be hidden */
}
于 2013-07-05T07:50:04.980 に答える
4

これを一度試してみてください$(document).ready。HTML ドキュメントが読み込まれ、DOM の準備ができたwindow.onloadときに実行されます。すべてのフレーム、オブジェクト、画像を含む完全なページが完全に読み込まれたときに as が実行されます。

$(document).ready(function() {
    if($("#lbStatus").val() == "Close"){
        $("#postreply").hide();
    }
});

あなたが使用しているように、プロパティAsp.Netを使用してみてくださいClientId

$(document).ready(function() {
    if($("#<%=lbStatus.ClientID%>").val() == "Close"){
        $("#postreply").hide();
    }
});

<%=lbStatus.ClientID%>代わりに変更lbStatus

参考： http: //4loc.wordpress.com/2009/04/28/documentready-vs-windowload/

于 2013-07-05T07:56:42.970 に答える
2

純粋な JavaScript と jQuery を混同しています。
jquery ライブラリを含めない場合は、純粋な JavaScript を使用してください。

<script type="text/javascript">
  window.onload = function() {            
    var x = document.getElementById('lbStatus').innerText;
    if(x == "Close"){
      // $("#postreply").hide();
      document.getElementById('postreply').style.display = 'none';
    }
  }
</script>
于 2013-07-05T07:58:02.867 に答える
1

#看板を外す必要があるようです。

$('postreply').hide();

または、バニラ Javascript:

document.getElementById('postreply').style.display = 'none';
于 2013-07-05T07:51:21.220 に答える
0

最初から隠せます。

いずれかのjavascriptで：document.getElementById('lbStatus').style.display = 'none';そしてそれを取り戻すには「目に見える」使用document.getElementById('lbStatus').style.display = "";

またはcssを使用：#lbStatus{display: none;}

于 2013-07-05T07:51:28.167 に答える