javascript - 模态窗口不出现

Question

我有一个 jQuery 代码——想显示一个模态窗口后地址将是合适的 ID:

<script type="text/javascript"> 
    $(document).ready(function(){
        var split = location.search.replace('?', '').split('=');
        var i = split[1];

        if(i){

            $('#myModal').modal('show'); 
        }
        else
        {
            document.location.href="/";
        }
    });
</script>

HTML代码:下面是一个要看的元素，在index.php文件中

    <div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
                <h4 class="modal-title">Title</h4>
            </div>

            <div class="modal-body">
                <h3>Overflowing text to show scroll behavior</h3>

                <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.<br />

                Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.<br />

                Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
            </div>

            <div class="modal-footer">
                <a href="#" id="clk" class="btn" data-dismiss="modal">Cancel</a>
                <a href="#" class="btn btn-primary">OK</a>
            </div>
        </div>
    </div>
</div>

Answer 1

不要使用split() 方法，而是使用match()。

$(document).ready(function() {
    var arr = location.search.match(/[?&]id=(\d+)/i);
    if (arr && arr[1] > 0) {
        $('#myModal').modal('show');
    }
    else
    {
        location.href="/";
    }
});