javascript - 如果在 url 中是 mysite.com/#newgoal，则运行 modalbox

Question

如果我的网址中有，如何创建：

mysite.com/#newgoal，我的模态框显示了吗？

如果我单击带有 的按钮，则会显示当前id="newGoalButton"。我同时需要这两种选择。

HTML：

<a href="#newgoal"  id="newGoalButton">New Goal</a>

JS：

$(document).ready(function(){
    $('#newGoalButton').click(function() {
        $(".fullWhite").fadeIn(100);
        $(".modal").fadeIn(200);
    });
    $('.modal .iks').click(function() {
        $(".fullWhite").fadeOut(200);
        $(".modal").fadeOut(100);
    });
});

Answer 1

你可以使用：

<script>
    $(document).ready(function(){
        var url = window.location.href;
        if (url.indexOf("#newgoal") != -1){
            // display modalbox
        }
    });
</script>

Answer 2

您可以使用jQuery hashchange 插件：

$(window).hashchange(function() {
    if (location.hash === '#newgoal') {
        $(".fullWhite").fadeIn(100);
        $(".modal").fadeIn(200);
    }
});

$('#newGoalButton').click而且我认为如果您使用它，您将不需要：