按url触发jQuery click事件

Question

我的页面上有一个jQuery点击功能，可以触发在div中加载多个html页面。我想指定一个会触发此事件的网址，例如test.com＃about

        <script type="text/javascript">
            $(document).ready(function(){
               $("#about").click(function(){
                $('#result').load('about.html');
               }); 
               $("#comunity").click(function(){
                $('#result').load('comunity.html');
               });
               $("#sponsor").click(function(){
                $('#result').load('sponsor.html');
               }); 
             });
        </script>

    <div>
    <ul>
        <li><a id="about" href="#">About</a></li>
        <li><a id="comunity" href="#">Community</a></li>
        <li><a id="sponsor" href="#">Sponsor</a></li>
    </ul>
    </div>

    <div id="result" style="clear:both;">loading...
    </div>

Answer 1

从url获取哈希值并加载页面。详细了解Location hash Property

$(document).ready(function(){
    var hash = window.location.hash;
    if(hash) {
        $('#result').load(hash.slice(1)+'.html');
    }
});