2012-04-25 3 views
1

I'm с помощью некоторых JQuery, чтобы сделать вкладки на этой странице: http://johandahl.com/wp/malmocityfastigheter/ekonomi/JQuery вкладки не работают в IE6-7

Но, они не работают в интернет-проводник 6-7. Области с вкладками не скрываются и просто укладываются друг в друга. Какие-нибудь идеи, что может быть неправильно здесь?

Это то, что мой JQuery код выглядит следующим образом:

/* TABS */ 
jQuery(document).ready(function($){ 

$('ul.tabs').each(function(){ 
// For each set of tabs, we want to keep track of 
// which tab is active and it's associated content 
var $active, $content, $links = $(this).find('a'); 

// Use the first link as the initial active tab 
$active = $links.first().addClass('active'); 
$content = $($active.attr('href')); 

// Hide the remaining content 
$links.not(':first').each(function() { 
$($(this).attr('href')).hide(); 
}); 

// Bind the click event handler 
$(this).on('click', 'a', function(e){ 
// Make the old tab inactive. 
$active.removeClass('active'); 
$content.hide(); 

// Update the variables with the new link and content 
$active = $(this); 
$content = $($(this).attr('href')); 

// Make the tab active. 
$active.addClass('active'); 
$content.show(); 

// Prevent the anchor's default click action 
e.preventDefault(); 
}); 
}); 
}); 

Вот образец HTML для этого:

  <ul class='tabs'> 
       <li><a href='#beskrivning'>Om adressen</a></li>    
       <li><a href='#aktuellt'>Aktuell information</a></li> 
      </ul> 

     <div class="entry-about">   
      <div id='beskrivning'> 

      </div> 


      <div id='aktuellt'> 

      </div> 


     </div> 

Сравнение IE и Chrome, например, показывает, что в Chrome инлайн стили «display: block;» и display: none; »добавлены правильно в мои области с вкладками, но в IE Developer Tools такие стили не добавлены, но в моем jQuery тоже нет ошибок. Ideas ?????

+1

Вы получаете какую-либо ошибку JS в этих браузерах? Является ли JS включенным в них? –

+0

На данный момент я не могу проверить страницу в этих браузерах, потому что я не на компьютере с Windows. Я заметил это, посмотрев на скриншоты страницы http://netrenderer.com/. Если кто-то другой читает это можно посмотреть на это, я бы очень это оценил. –

+1

Треска e выглядит хорошо, кроме отсутствующего '}); в конце это более чем вероятно ошибка копирования. Затем я буду смотреть на HTML, чтобы убедиться, что все правильно открыто и закрыто. –

ответ

0

Хорошо, мне удалось найти, что не так. Если кто-то любопытен, это был какой-то конфликт с modernizr.js. Моя страница кажется правильно обработана без modernizr, поэтому я удаляю ее.

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