Вкладки jQuery с контентом AJAX не работают IE7

Question

У меня относительно большие проблемы на руках.У меня есть клиент, который использует IE7, и у созданной нами веб-версии визитной карточки возникла проблема с загрузкой вкладок с содержимым ajax в их браузер.

Мы используем простые вкладки из http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/

У нас есть предварительный просмотр визитной карточки, которая загружается при выборе из выпадающего списка.Затем передняя и задняя сторона визитной карточки загружаются в 2 отдельные вкладки, называемые передней и задней.

При просмотре в FF, Chrome, IE8 + нет проблем с загрузкой различных визитных карточек, но в IE7 (возможноболее старые версии, но мы уже прекратили их поддерживать), загружается только лицевая сторона (которая является вкладкой по умолчанию).Как только вы выбираете «Назад», предварительный просмотр не загружается (ajax) - переход на вкладки «Фронт», когда на вкладке «Назад» также делает вкладку «Фронт» пустой.

Этоэто код, который мы используем

<script type="text/javascript">
function tabs() {

//When page loads...
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first-child").addClass("active").show(); //Activate first tab
$(".tab_content:first-child").show(); //Show first tab content

//On Click Event
$("ul.tabs li").click(function() {

    $("ul.tabs li").removeClass("active"); //Remove any "active" class
    $(this).addClass("active"); //Add "active" class to selected tab
    $(".tab_content").hide(); //Hide all tab content

    var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content

    $(activeTab).fadeIn(); //Fade in the active ID content
    return false;
});

 };
 </script>

Я создал демонстрационный пользователь, чтобы вы могли его опробовать - сайт на датском, но я предоставил краткий перевод

http://ftp.inprint.dk/web2inprint/

Имя пользователя (Brugernavn): тест

Пароль: тест

Это приведет вас к экрану конфигурации.

Здесь вы можете выбрать шаблон в первом выпадающем меню под названием «Скабелон».В предпросмотре справа у вас есть

Forside - Front

Bagside - Back

Надеюсь, это поможет.

Спасибо взаранее для тех, кто может пролить свет на этот вопрос!

Answer 1

Я сталкивался со многими такими проблемами в IE.В основном, когда ваши вкладки загружаются, а вкладка «Назад» скрыта, любые другие элементы управления в этой вкладке отображаются в виде ширины 0 и высоты 0 или помечаются как видимые ложные на стороне клиента.

Возможно, вы захотитепопробуйте и посмотрите, есть ли фактическое содержимое на вкладке «Назад» или нет, и если это так, равны ли его размеры 0. Если это так, то просто изменить размер до нужных размеров

Редактировать: Для обработкиIE неизвестность, вы можете попробовать это

$("ul.tabs li").click(function() {

    $("ul.tabs li").removeClass("active"); //Remove any "active" class
    $(this).addClass("active"); //Add "active" class to selected tab
    $(".tab_content").hide(); //Hide all tab content

    var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content

    $(activeTab).fadeIn(); //Fade in the active ID content
    // IE Hack starts
     if($.browser.msie && $.browser.version.indexOf("7.")>-1){
       $(".active").show(); //or adjust the selector to show the right tab please.
     }
    // IE Hack ends
    return false;
});

 };