JQuery UI работает только в IE 9!

@hunty · Регистрация: 20.11.2009

Внезапно! Столкнулся с довольно необычной проблемой - Acordion не хочет работать нигде кроме IE (У меня IE9, в других не проверял). В опере, хроме и файрфоксе при наведении и клике мышы ничего не происходит - аккордеон статичен, хотя нужные классы к элементам аккордеона прикручены.

Подключаю в head

Кликните здесь для просмотра всего текста

HTML5

<!DOCTYPE html>
<html lang="ru">
 
<head>
 
 <meta charset=utf-8>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" rel="stylesheet">
 <link href="css/bootstrap-responsive.css" rel="stylesheet">
 <link href="css/bootstrap.css" rel="stylesheet">
 
 <link rel="stylesheet" href="custom.css">
 
 <link href='http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
 
 <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
 <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js" type="text/javascript"></script>
 <script src="js/bootstrap.js" type="text/javascript"></script>
<!--  <script src="js/less.js" type="text/javascript"></script> -->
 <!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]-->
 
<script type="text/javascript">
  $(function() {
    $( "#accordion" ).accordion({ event: "mouseover" });
    
  });
 </script>
 
<title>Заголовок  </title>
</head>

Саму разметку аккордеона постить не буду, она скопипастена с примера, который на сайте JQueryUI.

@hunty · 29.01.2013, 23:22 **[ТС]**

Отвечаю на свой вопрос: Дело было в том, что блок #main-content имел z-index:-1, что бы на него падала тень от меню. Вложенные в него элементы, хоть и имели z-index выше, но не могли вылезти из под родителя. IE конечно этот момент игнорировал как-то, и все ссылки были сверху, кликабельны.
РЕЗЮМЕ:
Просчет в разметке - неверно задан z-index. Отношения к JQuery этот вопрос теперь не имеет.

@hunty 62 / 29 / 5 Регистрация: 20.11.2009 Сообщений: 193
	29.01.2013, 23:22 [ТС]	2
	Отвечаю на свой вопрос: Дело было в том, что блок #main-content имел z-index:-1, что бы на него падала тень от меню. Вложенные в него элементы, хоть и имели z-index выше, но не могли вылезти из под родителя. IE конечно этот момент игнорировал как-то, и все ссылки были сверху, кликабельны. РЕЗЮМЕ: Просчет в разметке - неверно задан z-index. Отношения к JQuery этот вопрос теперь не имеет. 1

Опции темы