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

您可以使用 jQuery toggle()来实现：

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

Answer 3

您需要使用show()andhide()而不是 html()

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();           
        }
});