Jquery Ajax navigation
#1
Note 
[JS] $(document).ready(function() {

// Check for hash value in URL
var hash = window.location.hash.substr(1);
var href = $('#nav li a').each(function(){
var href = $(this).attr('href');
if(hash==href.substr(0,href.length-5)){
var toLoad = hash+'.html #content';
$('#content').load(toLoad)
}
});

$('#nav li a').click(function(){

var toLoad = $(this).attr('href')+' #content';
$('#content').hide('fast',loadContent);
$('#load').remove();
$('#wrapper').append('<span id="load">LOADING...</span>');
$('#load').fadeIn('normal');
window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
function loadContent() {
$('#content').load(toLoad,'',showNewContent())
}
function showNewContent() {
$('#content').show('normal',hideLoader());
}
function hideLoader() {
$('#load').fadeOut('normal');
}
return false;

});
});[/JS]

پاسخ
ایجاد موضوع جدید   پاسخ به موضوع  

موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
Note ساعت jquery Stack OverFlow 0 319 19-01-2014 ساعت 08:46
آخرین ارسال: Stack OverFlow
Note اسلاید زیبا با جی کوئری jQuery SOFTAFZAR 1 568 10-01-2014 ساعت 10:14
آخرین ارسال: IR-Webmaster
Note شاخص استحکام پسورد با جی کوئری(jQuery) WWWorker 1 404 19-12-2013 ساعت 19:53
آخرین ارسال: DreamWeaver
Note کار نکردن animation در jQuery فقط در background maJID maGIC 1 362 09-12-2013 ساعت 22:21
آخرین ارسال: Daniel
Note غیر فعال کردن کلیک راست با jQuery WWWorker 0 322 07-11-2013 ساعت 09:34
آخرین ارسال: WWWorker
Note تغییر اندازه متن با jQuery WWWorker 0 318 07-11-2013 ساعت 09:30
آخرین ارسال: WWWorker
Note Ajax: چک کردن موجود بودن عکس در داکیومنت WWWorker 0 300 11-10-2013 ساعت 09:45
آخرین ارسال: WWWorker
Note نمایش پیام در اولین Drag در Jquery maJID maGIC 1 367 10-09-2013 ساعت 09:53
آخرین ارسال: SOFTAFZAR
Note آموزش Ajax در 5 دقیقه! SOFTAFZAR 3 745 14-08-2013 ساعت 09:17
آخرین ارسال: Daniel
Note jQuery:: از کجا بفهمیم Element مورد نظر وجود داره؟ SOFTAFZAR 0 345 13-07-2013 ساعت 10:39
آخرین ارسال: SOFTAFZAR

کاربرانِ درحال بازدید از این موضوع:   1 مهمان