AJAX 内容加载器:它对 SEO 友好,但是书签呢?
因此,我开始处理 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
查看 Ben Alman 的 hashchange 事件插件
Checkout the Ben Alman's hashchange event plugin