地址状态混乱
我使用Jquery地址构建了一个简单的深层链接页面，并遵循以下示例：
http://www.asual.com/jquery/address/samples/state/
现在在此示例中，HTML5浏览器（我使用Chrome 10）显示实际显示的源。即http://www.asual.com/jquery/address/samples/state/portfolio在
content
Portfolio content.
$('.content').html()<script type="text/javascript">
$.address.init(function() {
// Initializes the plugin
$('.nav a').address();
}).change(function(event) {
// Selects the proper navigation link
$('.nav a').each(function() {
if ($(this).attr('href') == ($.address.state() + event.path)) {
$(this).addClass('selected').focus();
} else {
$(this).removeClass('selected');
}
});
// Handles response
var handler = function(data) {
$('.content').html($('.content', data).html()).show();
$.address.title(/>([^<]*)</title/.exec(data)[1]);
};
// Loads the page content and inserts it into the content area
$.ajax({
url: $.address.state() + event.path,
error: function(XMLHttpRequest, textStatus, errorThrown) {
handler(XMLHttpRequest.responseText);
},
success: function(data, textStatus, XMLHttpRequest) {
handler(data);
}
});
});
// Hides the tabs during initialization
document.write('<style type="text/css"> .content { display: none; } </style>');
</script>
$.address.init(function(event) {
$('#blogMenu a').address();
$('#blogBottomMenu a').address();
$('.linkleiste a').address();
}).change(function(event) {
var value = $.address.state().replace(/^/$/, '') + event.value;
value = value.replace(/^/blog//,'');
value = value.replace(/_/,'');
var teile = value.split('/');
var name = '';
var thema = '';
if(teile[0]) name = teile[0];
if(teile[1]) thema = teile[1];
$('#blog').hide();
if(!value.match(/ADFRAME/)) {
$(document).scrollTo('#aufmacher','fast');
$('#blogMenu').load('/snp/blog_menu.snp',{A_NAME:name,ETIKETT:thema,id:id});
$('#blog').load('/blog/article.snp',{A_NAME:name,ETIKETT:thema,id:id},function() {
$('#blog').show();
});
}
else {
$('#blog').fadeIn('fast');
}
});
没有找到相关结果
已邀请:
1 个回复
揽芳僵迷仇
$(function () { // NOT $(document).ready(function () {}); $.address.init(); });$(function () { $.address.init(); $.address.change(); // Triggers hash change when there is no hash! });var init = true, state = window.history.pushState !== undefined; // Handles response var handler = function (data) { $('title').html($('title', data).html()); $('.content').html($('.content', data).html()); $('.page').show(); $.address.title(/>([^<]*)</title/.exec(data)[1]); }; $.address.state('/jquery/address/samples/state').init(function () { // Initializes the plugin $('.nav a').address(); }).change(function (event) { // Selects the proper navigation link $('.nav a').each(function () { if ($(this).attr('href') == ($.address.state() + event.path)) { $(this).addClass('selected').focus(); } else { $(this).removeClass('selected'); } }); if (state && init) { init = false; } else { // Loads the page content and inserts it into the content area $.ajax({ url:$.address.state() + event.path, error:function (XMLHttpRequest, textStatus, errorThrown) { handler(XMLHttpRequest.responseText); }, success:function (data, textStatus, XMLHttpRequest) { handler(data); } }); } }); if (!state) { // Hides the page during initialization document.write('<style type="text/css"> .page { display: none; } </style>'); }