iframe中的Javascript日期选择器错误

我有一个页面 https://dev.leadformly.com/datepicker有一个iframe
在那个特定的”中,我通过以下代码通过ajax调用动态编写HTML代码.

<script>
  $(document).ready(function(){
    $.post(URL,function (data) { //here it retruns the HTML code
          $("body").html('<iframe style="width:100%;height:384px;"></iframe>');
          $("body iframe")[0].contentDocument.write(data.democode);
        },'json'
      );
    });
</script>

现在,当我点击日期选择器时,它将在控制台中抛出一个错误,如：

Uncaught TypeError: Cannot read property 'top' of undefined

你能帮我解决这个问题吗？或者只是解释原因,这将有助于我解决它

解决方法

您收到此错误是因为您尝试从包含它的父DOM访问iFrame的内部DOM.来自父DOM的“click”事件无法调用子iFrame中的元素.

我可以问你为什么要在这种情况下使用iFrame吗？我几乎可以向你保证,最好不要使用它.