HTML 非常简单,在我的页面上有
<div id="notificationDialog" title="View Notification"></div>
我根据用户查看页面的情况动态加载通知,并将其显示在 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) 传递给该函数。
最佳答案
$("iframe").contents().find("#selector");
应该注意的是,只有在本地访问 iframe 内容时才允许这样做。否则您将收到访问被拒绝的错误。
关于jquery - 访问 jQuery UI 对话框内 iframe 中的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11001811/