jQuery history plugin

转载于 2010-12-26 22:19:00 发布 · 114 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/stalwart/archive/2010/12/26/1917421.html

文章标签：

#javascript #ViewUI

本文介绍了一个基于jQuery插件构建的站点，该站点提供了一些演示案例。通过使用jQuery History Plugin，实现了页面间的平滑过渡及历史记录管理。文章包含了一个具体的脚本示例，展示了如何加载不同内容片段并保持浏览器历史记录的连贯性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Demos

Some demos are available here and included in the repository.

And this site itself is built on the plugin:

(function($){ 

    var origContent = ""; 

 

    function loadContent(hash) { 

        if(hash != "") { 

            if(origContent == "") { 

                origContent = $('#content').html(); 

            } 

            $('#content').load(hash +".html", 

                               function(){ prettyPrint(); }); 

        } else if(origContent != "") { 

            $('#content').html(origContent); 

        } 

    } 

 

    $(document).ready(function() { 

            $.history.init(loadContent); 

            $('#navigation a').click(function(e) { 

                    var url = $(this).attr('href'); 

                    url = url.replace(/^.*#/, ''); 

                    $.history.load(url); 

                    return false; 

                }); 

        }); 

})(jQuery);

http://tkyk.github.com/jquery-history-plugin/#demos

转载于:https://www.cnblogs.com/stalwart/archive/2010/12/26/1917421.html