通过url触发jQuery点击事件

Question

我的页面上有一个 jQuery 单击功能，它触发在 div 内加载多个 html 页面。 我想指定一个会触发这个事件的url，比如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 获取哈希值并加载页面。 阅读有关位置哈希属性的更多信息

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