Видимый слайд по умолчанию в меню jquery

#jquery #ajax #click

#jquery #ajax #нажмите

Вопрос:

У меня есть этот код ниже, и он отлично работает для загрузки содержимого в div из меню левой навигации, мне просто нужно, чтобы страница отображала «первый» выбор в поле содержимого, когда пользователь впервые переходит на страницу, это так же просто, как включить содержимое по умолчанию в Div в html, а затем загрузить поверх него после? Имеет ли это смысл для кого-нибудь?

 <div id="pressInfo"></div>


var urls = [
 'http://iamwhitebox.com/staging/arkitek/includes/press-info.inc #current_news',
 'http://iamwhitebox.com/staging/arkitek/includes/press-info.inc #mission_',
 'http://iamwhitebox.com/staging/arkitek/includes/press-info.inc #press_releases',  
 'http://iamwhitebox.com/staging/arkitek/includes/press-info.inc #staff_bios',
 'http://iamwhitebox.com/staging/arkitek/includes/press-info.inc #testimonials_',
 'http://iamwhitebox.com/staging/arkitek/includes/press-info.inc #awards_',
 ];
$(function() {
    $.each(urls, function(i, url) {
    var index = i 1;
        $("li.press_" index " a").bind('click', function(e){
        if(!$(this).hasClass('current-item')) {
        e.preventDefault();
            $('#press li a').addClass('current-item').not(this).removeClass('current-item');
            $('#pressInfo').fadeOut(250, function() {
                $(this).hide().load(url, function() {
                $(this).fadeIn(250);
                });
            }); 
        }
    });
    });
});
  

Комментарии:

1. "is it as simple as including the default content into the Div in html, and then loading on top of it after?" Так и должно быть, да.

2. Вот базовый пример содержимого с вкладками, который я собрал, который может вам помочь: jsfiddle.net/wdm954/DWmfX

Ответ №1:

Это можно сделать двумя способами. Вы можете, как вы предлагаете, просто встроить содержимое для первого элемента непосредственно в HTML. Альтернативой является запуск события click для этого первого элемента в document ready.

 $(function() {
    $('#press li:first a').trigger('click');
});