bootstrap下使用modal.js调用URL问题

<a data-toggle="modal" href="http://www.qiija.com/index.html" data-target="#modal" data-remote="true">
Click me
</a>

<!-- 模态框(Modal) -->
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
  </div>
  <div class="modal-body">
    ...
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
  </div>
</div>
</div>
</div>

点击无效,不知道什么地方出错!求指导
已邀请:

rew1011

赞同来自:

你这是像把外部网址通过modal的方式显示了?

木易

赞同来自:

是的,希望在模态框里显示外部网页。

rew1011

赞同来自:

A标签的data-toggle="modal"是声明模态框,data-target="#modal"是指向模态框的ID是,均为自定义html5属性,和href不同,所以不会按照你所想的执行。
我建议在modal打开后的事件中进行加载外部页面。

karsonzhang - http://www.v2st.com/

赞同来自:

1.参考这个链接 http://jsfiddle.net/koala_dev/NUCgp/918/ 不用给A链接加上data-remote
2. 其次注意A的href跨域问题

要回复问题请先登录注册