jquery - 使用 Twitter Bootstrap 时出现 Iframe 错误

Question

我有以下错误:

<a href="http://facebook.com/share.php?...." class="class">Click me</a>

<div class="modal hide" id="jpmodal">
 <div class="modal-header">
    <button class="close" data-dismiss="modal">×</button>
    <h3>Modal header</h3>
  </div>
    <div class="modal-body">
        <div id="loadframe">

        </div>
    </div>
</div>

JQuery:

$('a.class').on('click', function(e){
   e.preventDefault();
   var url = $(this).attr('href');
   $("#loadframe").html('<iframe width="300" height="200" frameborder="0" scrolling="no" allowtransparency="true" src="'+url+'"></iframe>');

   $('#jpmodal').modal('toggle');

});

iframe 为空白。

Chrome 控制台返回一个空白页面

Answer 1

您无法在 iframe 中加载 http://facebook.com/share.php?...。 Facebook 通过设计阻止它以防止点击劫持。

使用Send Button - Facebook Plugin是一个更好的选择，即使它不能完全支持您的目的。