jquery - 访问 jQuery UI 对话框内 iframe 中的元素

标签 jquery jquery-ui jquery-ui-dialog

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/

相关文章:

javascript - 我可以使用类似 javascript 的东西组合两个 html 按钮及其 onclick 方法吗?

javascript - Ipad - 我的 Webview/UIkit safari 浏览器无法运行 javascript

jQuery Masonry 无法与 jQuery 选项卡一起使用

javascript - jQuery iBox(灯箱克隆)和 IFRAMES

jquery - 如何在 jQuery 对话框标题中显示俄语文本

jquery - 在 jQuery UI 对话框的 beforeClose 上延迟关闭事件

javascript - jquery 显示隐藏多个 div 最快的方法

javascript - 使用 jQuery 拖放从 SQL 表中删除一行

jquery - 当鼠标悬停时更改多个 div 的类

asp.net-mvc-5 - 如何编辑自定义 DisplayWithIdFor?