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>

查询：

$('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

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

使用发送按钮 - Facebook 插件是一个更好的选择，即使它不完全支持您的目的。