iframe中的Javascript日期选择器错误

Question

我有一个页面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

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

Answer 1

你是因为你想访问内部得到这个错误DOM的iFrame从父DOM含有它.来自父级的"click"事件DOM无法调用子级内的元素iFrame.

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