AJAX 内容加载器:它对 SEO 友好,但是书签呢?

发布于 2024-09-30 16:59:06 字数 1108 浏览 1 评论 0原文

因此,我开始处理 Javascript 和 jQuery,并且为某些链接的“点击”事件组合了一个事件处理程序;它获取 href 并从适当的“#container”中提取内容并将其加载到目标容器中...

<script type="text/javascript">
        $(function(){
            $('#journeyNav li a').click(cLoad);
        });

        function cLoad(evt) {
            var cLoadURL = $(this).attr('href');
            if(!$(this).parent().hasClass('current')) {           
              $('#stageContentMain').stop().animate({opacity : 0},425, 'easeOutExpo', function(){
                  $('#stageContentMain').load(cLoadURL + " #stageContent", function() {
                      $('#stageContentMain').stop().animate({opacity : 1},425, 'easeOutExpo');
                  });
              });
            $(this).parent().siblings().removeClass('current');
            $(this).parent().addClass('current');
            return false;
            }
            else {
            return false;
            }
        }
</script>

实际上一切都很好 - 特别是对于我的第一个 jQuery 函数和第二次整体 Javascript 尝试。然而,我希望在支持 Javascript 的机器上(否则书签不会成为问题)制作书签和“addthis”社交共享小部件来处理所选内容。

有人有什么想法或建议吗?

So I've started tackling Javascript and jQuery, and I've put together an event handler for certain link's 'click' events; it takes the href and pulls the content from the appropriate '#container' and loads it into the target container...

<script type="text/javascript">
        $(function(){
            $('#journeyNav li a').click(cLoad);
        });

        function cLoad(evt) {
            var cLoadURL = $(this).attr('href');
            if(!$(this).parent().hasClass('current')) {           
              $('#stageContentMain').stop().animate({opacity : 0},425, 'easeOutExpo', function(){
                  $('#stageContentMain').load(cLoadURL + " #stageContent", function() {
                      $('#stageContentMain').stop().animate({opacity : 1},425, 'easeOutExpo');
                  });
              });
            $(this).parent().siblings().removeClass('current');
            $(this).parent().addClass('current');
            return false;
            }
            else {
            return false;
            }
        }
</script>

Everything works great actually--especially for my first jQuery function, and second overall Javascript attempt. I am however looking to on Javascript enabled machines (the bookmarking wouldn't be a problem otherwise,) make bookmarking and the 'addthis' social sharing widget to work with the selected content.

Anyone have any ideas or tips?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

残月升风 2024-10-07 16:59:06

查看 Ben Alman 的 hashchange 事件插件

Checkout the Ben Alman's hashchange event plugin

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文