如何创建直接链接以打开Bootstrap模式的URL

时间:2017-02-20 20:04:04

标签: javascript jquery html css twitter-bootstrap

我有一个问题,我试图通过点击窗口A中的图像链接来使用URL在窗口B中打开模态。图像本身设置在锚标记内,这样{{ 1}}在窗口A中。

如果可能,我怎样才能到达窗口B并仅使用URL打开模式。

代码:

第A页

<a href="myserver.mydestinationB.com#myModal><img src='myImage'></a>

Page B

<a href="http://www.x.com/#DesiredModalID">
<img typeof="foaf:Image" src="http://google.com/image.png" width="1920" height="1080" alt="">
</a>

2 个答案:

答案 0 :(得分:0)

<img id="myimage" src='myImage'>


<script>
$(document).ready(function(){

    $("#myimage").click(function() {
        $("#myModal").modal();
    })

})

</script>

答案 1 :(得分:0)

<a href="myserver.mydestinationB.com?mymodal=open>


--- On Page B you add script ---

<script>

$(document).ready(function(){

var mymodal = $_GET('mymodal');

if(mymodal != null){
        $("#myModal").modal();
}

})

function $_GET(param) {
    var vars = {};
    window.location.href.replace( location.hash, '' ).replace( 
        /[?&]+([^=&]+)=?([^&]*)?/gi, // regexp
        function( m, key, value ) { // callback
            vars[key] = value !== undefined ? value : '';
        }
    );

    if ( param ) {
        return vars[param] ? vars[param] : null;    
    }
    return vars;
}

</script>