Bootstrap 3.1.1 - 在其他站点上设置到Modal的链接？

Question

如何设置从mypage-x.html到mypage-y.html上存在的模式的链接？

Answer 1

这样做的好方法是在url中使用参数。您将需要编写一个查找参数的javasript函数，然后打开模态（如果存在）。这是一个例子。链接应为<a href="mypage-y.html?m=myModal1>？m是参数，myModal1是该参数的值。然后你可以写一些这样的jquery来检查参数的存在，然后打开那个模态。您需要为模态提供myModal1的id（或将url中的参数更改为您想要的任何内容）<div id="myModal1" class="modal ...

$.urlParam = function(name){
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    if (results==null){
        return null;
    }
    else{
        return results[1] || 0;
    }
}
$(function() {
    var m = $.urlParam('m');
    if (m != null)
    {
        $('#' + m).modal('show');
    }
});