Question

我有一个包含页眉和页脚的框架集页面

<script>
$(function() {      
    ///////////////////
    // Initialize Popup
    ///////////////////
    $("#openPopup").bind("singletap", function() {
      var $this = jQuery(this),description = $this.data('description'),title = $this.data('title');
      //alert(description);
      $.UIPopup({
        id: "warning",
        title: title, 
        message: "<iframe src="+description +" width='320' height='320' frameborder='0' style='border:0' allowfullscreen marginheight='0' marginwidth='0'>Loading...</iframe></iframe>",
        cancelButton:'إغلاق', 
        //continueButton: 'Stay', 
        callback: function() {
          var popupMessageTarget = document.querySelector('#popupMessageTarget');
          popupMessageTarget.textContent = '';
          popupMessageTarget.className = "";
          popupMessageTarget.className = "animatePopupMessage";
        }
      });
    });             
});
</script>

<frameset rows="*,63" frameborder="no" framespacing="0" border="0">
<frame name="main" src="clinics_header.html">
<frame name="footer" scrolling="no" src="clinics_footer.html"     noresize="noresize"  target="_parent">
<noframes>
<body>

</body>
</noframes>
</frameset>

页脚页面有2个按钮：

<div class="toolbar current">
<button onclick="go_index()">Home</button>
<button id="openPopup" data-description="add" > Add </button>
</div>

我想通过页脚页面中的按钮调用父页面中的jQuery函数。

Answer 1

这个问题的最佳答案是不再使用HTML框架，因为它是deprecated from current web standards。

但是，如果这不是一个选项，您可以使用window.top在最顶层页面中的元素上调用jQuery方法：

$('#yourElement', window.top).someFunction();

从框架调用jQuery函数

1 个答案: