jquery - 在 getJSON 和 setInterval 中调用 FancyBox

Question

我正在尝试使用 getJSON 方法获取状态码，如果状态码 > 0，我想显示一个花式框窗口。

我希望这个过程每 5 秒执行一次（使用 setInterval 函数）。脚本执行没有任何错误。显示如下所示的警报，但不显示fancybox DIV。

当状态> 0 时显示fancybox 弹出窗口，如果不是，则不显示。

请纠正我做错的地方。

这是HTML代码。

<div style="display:none">
   <div id="myModal">
     <h1>Conversion in Progress</h1>
   </div> 
</div>

这是jQuery代码。

$(document).ready(function() {           

    function myplugin() {             
        $.getJSON("get-status.php", function (data) {                        
              $.each(data, function (key, status) {   
                   if(status > 0) {
                      alert("Bad Status");         // Works;
                      $("#myModal").fancybox();
                   }else{
                      alert("Good Status");        // Works;
                      $.fancybox.close();
                   }
               });       
        });  
     };

     $(function() {
          setInterval(function() { myplugin() }, 5000);
     });

});';

Answer 1

您正在初始化 fancybox，但实际上并未触发它。

尝试添加$("#myModal").fancybox().click();