Bootstrap模式和使用外部URL

时间:2017-02-07 15:31:49

标签: javascript jquery twitter-bootstrap twitter-bootstrap-3

我正在制作一个模态弹出窗口,用户可以在其中填写表单或跳过表单并继续使用外部URL。

enter image description here

这是打开模态的代码:

<a class="btn btn-info btn-lg open-AddBookDialog" data-toggle="modal" data-target="#myModal" data-remote="http//:www.google.co.uk">Open Modal</a>

$(document).on("click", ".open-AddBookDialog", function () {
            var partner_url = $(this).data('remote');
            $('#skip').attr('href', partner_url);
            alert(partner_url);
        });

此处的代码附加到打开模态的按钮,此脚本从data-remote中提取URL并将其设置为模态中按钮的href。

然后将此URL提供给您可以看到右侧的按钮(只需带我......)。

在这个示例中,我使用了http//:www.google.co.uk,但在模态中它的行为很奇怪,尽管使用了绝对路径,我最终得到了www.mysite.com/http;//www.google.co.uk

我也在提交表单后使用相同的URL。

我的问题是,为什么在这个设置中,模式不尊重所使用的链接是外部URL的绝对链接?

1 个答案:

答案 0 :(得分:0)

您确定要正确输入网址吗?

你写了http//:www.google.co.uk这是一个无效的网址。它应该以{{1​​}}

开头