jquery - 如何让 jQuery 事件在指向 http ://www. website.com/#id 的直接链接上触发？

Question

试图弄清楚如何让 jQuery 检测引用页面上唯一 ID 的超链接。我不仅希望在页面上单击元素时加载该事件，而且还希望在有人使用分配给该 #div 的唯一 #id 直接链接到该页面时加载该事件。

更新:

好的，这就是我到目前为止所拥有的，但它没有被触发。

    function opencontact() {
        $("#first-name-check").hide();
        $("#last-name-check").hide();
        $("#phone-number-check").hide();
        $("#email-address-check").hide();
        $("#customer-message-check").hide();
        $("#send").button("disable");
        $("#email-form").dialog("open");
    }

    $(".email").click(opencontact);

    var hash = window.location.hash.substring(1);
        alert(hash);
        if (hash == "contact") {
            opencontact();
        }

警报返回正确的#hash，所以我不知道出了什么问题。

对话框初始化如下:

   $(function() {
        $("#email-form").dialog({
            autoOpen: false,
            resizable: false,
            draggable: false,
            closeOnEscape: false,
            height: 600,
            width: 540,
            modal: true,
            buttons: {
                "Send Joe Your Message": {
                    text: "Send Joe Your Message",
                    id: "send",
                    click: function() {
                        $.post("email.php", $(this).find('input, textarea').serialize());
                        $(this).find('input, textarea').val("");
                        $(this).dialog("close");
                    },
                },
                Cancel: function() {
                    $(this).find('input, textarea').val("");
                    $(this).dialog("close");
                }
            }
        });

    });

Answer 1

像这样的事情应该可以解决问题:

//this will grab the url from the address bar
var oldUrl = document.location.href;
//now we need to find just the part after the #
var urlSlice = oldUrl.split('#',oldUrl.length);
//urlSlice is now an array of two items (one before the '#' one after)
//from which we can grab the div id
var divId = urlSlice[1];

//then if it is the id you want
if( divId === 'desiredID' ) {
    clickHandler();
}

function clickHandler() {
    //do stuff
}

就我个人而言，我会将所有这些都放在一个函数中以使其更简洁，但它也可以在函数之外工作。