c# - jquery で DIV タグの可視性を設定する

Question

私のjQueryコードは

$.ajax({
        type: 'POST',
        url: "~/Pages/test.aspx",
        data: "json",
        success: function (response) {

            $('#testSpan').html(response.HasCases);

    },
        error: function (e1, e2, e3) {
            $('#testSpan').html('Error');
    }
});

True または False として応答値を取得しています。値が True の場合、DIV タグの値を表示する必要があります。それ以外の場合は、DIV タグを非表示にする必要があります。上記のコードは、div テキストの代わりに true または false の値として表示されます:(.

Answer 1

トグルは、ブール値に基づいて要素を表示または非表示にします。

 $('#testSpan').toggle(response.HasCases);

参照：

トグル（）

Answer 2

html() の代わりにshow()andを使用する必要がありますhide()

if(response.HasCases == "true")
   $('#testSpan').show();
else 
  $('#testSpan').hide();

あなたのコードは

$.ajax({
        type: 'POST',
        url: "~/Pages/test.aspx",
        data: "json",
        success: function (response) {       
          if(response.HasCases == "true")
             $('#testSpan').show();  
        }, error: function (e1, e2, e3){   
            $('#testSpan').show();           
        }
});

Answer 3

jQuery toggle()を使用してこれを実現できます。

if(response.HasCases == "true")
   $('#testSpan').toggle();