c# - テーブル プロパティで使用すると、テーブルの表示/非表示が壊れる

Question

機能しているjqueryを使用してテーブルを非表示および表示しようとしています。私の問題は、このテーブルが分離コードで表示されているかどうかも確認する必要があるため、表示されているかどうかを確認してから、これらのフィールドを検証することができます。また、ページロード時にテーブルが表示されないようにします。

次のコードを追加すると、PageLoad で JavaScript が動作しなくなります

table1.Visible = false;

$(document).ready(function () {
    $("#checkbox1").change(function () {
        $("#table1").toggle();
    });
})

<input type="checkbox" id="checkbox1" name="checkbox1" />
<table id="table1">
Hiddent Fields
</table>

Answer 1

ここに私の2セントがあります：

マークアップ:

<table id="table1" runat="server">

Page_Load で:

table1.Style.Add("display", "none");

そして、テーブルが非表示かどうかを確認したい場合:

if(table1.Style["display"] == "none")
{
    // Do what you need to 
}

jquery とコード ビハインドでテーブルを完全に制御できます。

Answer 2

hiddenセレクターを使用できます。

// Matches all elements that are hidden
$('element:hidden')

そしてvisibleセレクター

// Matches all elements that are visible.
$('element:visible')

また

.is(':visible')何かが表示されているかどうか.is(':hidden')をテストし、反対をテストするために使用できます。

• http://api.jquery.com/is/
• http://api.jquery.com/visible-selector/
• http://api.jquery.com/hidden-selector/

ページの読み込み時に非表示にするには、使用できます

$(document).ready(function () {
   $('#table1').hide();
});

または使用してcss

#table1{ display:none; } 

デモ

$(document).ready(function () {
    $("#table1").hide();
     $("#checkbox1").change(function () {
        $("#table1").toggle();
    });
})