4

HTML 非常简单，在我的页面上有

<div id="notificationDialog" title="View Notification"></div>

我根据查看页面的用户动态加载通知，并将它们显示在 iframe 中，该 iframe 位于 jQuery ui 对话框中。基本上，

function viewNotif(nid) {
  var wWidth       = jQuery(window).width();
  var dWidth       = wWidth * 0.5;
  var $notifIframe = jQuery('<iframe />', {
      name: 'myFrame',
      id:   'myFrame',
      src: "/modals/modal_notification.php?nid="+nid,
      width:"100%",
      height:"100%",
      align:"center",
      scrolling:"auto",
      frameborder:"0"
  }); 

  jQuery('#notificationDialog').html($notifIframe.clone());

  jQuery('#notificationDialog').dialog({
      autoOpen: false,
      height: auto,
      width: dWidth,
      modal: true
  });

  jQuery('#notificationDialog').dialog('open');
}

我正在尝试访问 jQuery ui 对话框内 iframe 内的 div 的高度值，但迄今为止无法这样做。我如何获得 div 的高度值，div 的 id 是 notification_container，它在 iframe 内，在 notificationDialog 内？

编辑 - 我应该提到该函数在页面的 onClick 中调用，并将通知 ID (nid) 传递给该函数以显示。

4

1 回答 1

3 
$("iframe").contents().find("#selector");

需要注意的是，只有在本地访问 iframe 内容时才允许这样做。否则，您将收到拒绝访问错误。

于 2012-06-12T17:57:05.550 回答