通过点击iframe打开弹出框

Question

我想通过点击iframe打开弹出窗口。请让我知道 该怎么办？

在此先感谢。

Answer 1

即使我不应该回答你的问题，因为它缺乏自己的研究，也就是一些本来可以在1分钟内被GOOGLE了，但在这里你去：

window.open(url, "name", "options"); 

Source

Answer 2

尝试这..

1）HTML标记

<a href="#popupVideo" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">Launch video player</a> 
<div data-role="popup" id="popupVideo" data-overlay-theme="b" data-theme="a" data-tolerance="15,15" class="ui-content"> 
    <iframe src="http://player.vimeo.com/video/41135183?portrait=0" width="497" height="298" seamless=""></iframe> 
</div> 

2）JS

// popup examples 
$(document).on("pagecreate", function() { 
    // The window width and height are decreased by 30 to take the tolerance of 15 pixels at each side into account 
    function scale(width, height, padding, border) { 
     var scrWidth = $(window).width() - 30, 
      scrHeight = $(window).height() - 30, 
      ifrPadding = 2 * padding, 
      ifrBorder = 2 * border, 
      ifrWidth = width + ifrPadding + ifrBorder, 
      ifrHeight = height + ifrPadding + ifrBorder, 
      h, w; 
     if (ifrWidth < scrWidth && ifrHeight < scrHeight) { 
      w = ifrWidth; 
      h = ifrHeight; 
     } else if ((ifrWidth/scrWidth) > (ifrHeight/scrHeight)) { 
      w = scrWidth; 
      h = (scrWidth/ifrWidth) * ifrHeight; 
     } else { 
      h = scrHeight; 
      w = (scrHeight/ifrHeight) * ifrWidth; 
     } 
     return { 
      'width': w - (ifrPadding + ifrBorder), 
      'height': h - (ifrPadding + ifrBorder) 
     }; 
    }; 
    $(".ui-popup iframe") 
     .attr("width", 0) 
     .attr("height", "auto"); 
    $("#popupVideo").on({ 
     popupbeforeposition: function() { 
      // call our custom function scale() to get the width and height 
      var size = scale(497, 298, 15, 1), 
       w = size.width, 
       h = size.height; 
      $("#popupVideo iframe") 
       .attr("width", w) 
       .attr("height", h); 
     }, 
     popupafterclose: function() { 
      $("#popupVideo iframe") 
       .attr("width", 0) 
       .attr("height", 0); 
     } 
    }); 
}); 

3 CSS

iframe { 
    border: none; 
}