2009-12-09 2 views
0

В настоящее время я использую приведенный ниже сценарий для загрузки контента по клику по ссылке. Что я хотел бы знать, можно ли посетить url services.html#serviceone, который затем будет показывать контент и активную ссылку для этого ID?JQuery загружающий контент

$(document).ready(function() { 
    $('#content div.wrap').hide(); // Hide all divs 
    $('#content div.wrap:first').show(); // Show the first div 
    $('#tabs ul li a:first').addClass('active'); // Set the class of the first link to active 
    $('#tabs ul li a').click(function() { //When any link is clicked 
     $('#tabs ul li a').removeClass('active'); // Remove active class from all links 
     $(this).addClass('active'); //Set clicked link class to active 
     var currentTab = $(this).attr('href'); // Set variable currentTab to value of href attribute of clicked link 
     $('#content div.wrap').hide(); // Hide all divs 
     $(currentTab).fadeIn('normal'); // Show div with id equal to variable currentTab 
     return false; 
    }); 
}); 

Надеюсь, что я прошу, имеет смысл. Очень признателен.


привет спасибо всем за ответ. Извините, я не представил более подробно.

tvanfosson, это может быть то, что мне нужно.

Я хочу, чтобы иметь возможность ссылаться на страницу и загружать контент на основе идентификатора, с активной вкладкой. Без вышеупомянутого скрипта, использующего url 'services.html # div1', вы перейдете к div с этим id (как вы знаете), со сценарием на месте я хочу, чтобы тот же url загружал div, на данный момент только первый div загружается.

Это имеет смысл?

спасибо.

[EDIT]

Просто заметил, что при нажатии на вкладку меню для загрузки содержимого, он не добавляет #ID к концу URL, так что я сомневаюсь, что я хочу работать!

+0

Вы хотите динамически загружать контент? например. используя $ GET, $ POST или getJSON? – Steven

+0

Короткий ответ, Майкл: да. Длинный ответ: нам нужно больше деталей. Что вы подразумеваете под «посещением» этого URL-адреса? Просьба уточнить, что вы пытаетесь сделать. –

ответ

0

Что я получаю от этого, так это то, что вы хотите извлечь идентификатор из конца URL-адреса и использовать его для отображения «tab», правильно?

var currentTab = '#' + $(this).attr('href').split('#')[1]; 
... 
$(currentTab).fadeIn('normal'); 
... 

Если вы хотите load содержимое из URL вместо того, чтобы просто показать существующий контент, вы можете использовать нагрузку с фильтром.

var url= $(this).attr('href'); 
... 
$('someselector').load(url.replace(/#/,' #')).fadeIn('normal'); 
+0

Привод от downvoter или я неправильно понял? – tvanfosson

Смежные вопросы