使 div 在 Jquery getJson() 回调函数上可见

Question

我正在尝试使用 jquery 在弹出 div 上发布一些数据，假设它填充了通过 httphandler 获得的数据

对它自己的处理程序的调用已配置并且运行良好。 问题是使用 jquery 在 UI 上发布该数据。

问题：

通过脚本调用处理程序：第一种方法

   function GetProducts(id){                   
        $.getJSON("ProductDetails", id, function (data) {
                var div = $('#ProductDetails');  
                div.css('visibility', 'visible'); 
        } );
   }           

css 文件：

         #ProductDetails 
         {
              visibility:hidden;
              border: 1px solid black;   
              position:absolute;
              left:50%;
              top:50%;
              width:150px;     
              height:150px; 
         }

由于某种原因，这根本不会影响 div，并且它不会变得可见。

第二种方法：

电话：

         $(document).ready(function () {
              $('#ProductDetails').addClass('hidden');
         });

         function Get_Product_Details(btn) {
              $.getJSON("ProductDetails", id, function (data) {
                    var div = $('#ProductDetails');           
                    div.removeClass('hidden');
                    div.addClass('show');            
               });
         }

css：

         .hidden
         {
              visibility:hidden;
         }
         .show
         {
              visibility:visible;   
         }  

这会在调试时工作一秒钟，直到发生回发并制作页面 再次隐藏，我猜是由于在

上执行的代码

         &(documnet).ready(......)

您将如何制作一个出现在 $.getJson 回调上的弹出 div？

Answer 1

在隐藏的 div 上，只需使用：

<div id="A" style="display:none">...</div>

然后你可以使用：

$('#A').show() or $('#A').hide()