JQuery IE6 hover скрипт не работает - PullRequest
Новая
       29

JQuery IE6 hover скрипт не работает

0 голосов
/ 24 июня 2011

Я потратил часы и не могу на всю жизнь понять, почему не работает зависание jQuery IE6 (http://plugins.jquery.com/project/ie6hover). Кроме того, возможно, это не связано, но я не могу получить http://www.dillerdesign.com/experiment/DD_belatedPNG/или в этом отношении ЛЮБЫЕ IE6-хаки работают на моем сайте Shopify. Любой совет будет заслужен. Вот соответствующие разделы моего кода, который выводится (после того, как Shopify сделает свое дело): 

<head>

<link href="http://cdn.shopify.com/s/files/1/0070/7142/t/1/assets/stylesheet.css?122494" rel="stylesheet" type="text/css"  media="all"  />
<script src="http://cdn.shopify.com/s/files/1/0070/7142/t/1/assets/jquery-1.5.2.min.js?122494" type="text/javascript"></script>

<!--[if IE 6]>
<script src="http://cdn.shopify.com/s/files/1/0070/7142/t/1/assets/DD_belatedPNG.js?122494" type="text/javascript"></script>
<script>
    DD_belatedPNG.fix('.pngy');
</script>

<script src="http://cdn.shopify.com/s/files/1/0070/7142/t/1/assets/jquery.ie6hover.js?122494" type="text/javascript"></script>
<script type="text/javascript">
    $.ie6hover(true);
</script>
<![endif]-->

</head

<body>

<a href="/"><img class="pngy" src="http://cdn.shopify.com/s/files/1/0070/7142/t/1/assets/alternative-radio-logo.png?122494" width="379" height="80" /></a>

<ul>
  <li >
    <a href="/collections/all-programs" class="strong-link">Programs</a>
    <ul class="sub-navigation">
      <li><a href="/collections/latest-programs">Latest Programs</a></li>
      <li><a href="/collections/staff-favorites">Staff Favorites</a></li>
      <li><a href="/collections/subscriptions">Season Subscriptions</a></li>
      <li><a href="/collections/all-programs">All Programs</a></li>
    </ul>
  </li>
  <li >
    <a href="/pages/speakers" class="strong-link">Speakers</a>
  </li>
  <li >
    <a href="/pages/podcast" class="strong-link">Podcast</a>
  </li>
  <li >
    <a href="/pages/affiliates" class="strong-link">Stations</a>
    <ul class="sub-navigation">
      <li><a href="/pages/affiliates">Affiliate Stations</a></li>
      <li><a href="/blogs/news-for-affiliates">News for Affiliates</a></li>
    </ul>
  </li>
  <li  >
    <a href="/pages/about-ar">About</a>
  </li>
  <li  >
    <a href="/blogs/news-updates">News Updates</a>
  </li>
  <li  >
    <a href="/pages/about-barsamian">Barsamian</a>
  </li>
  <li class="last" >
    <a href="/pages/contact">Contact</a>
  </li>
<div class="clear"></div>
</ul>

</body>

и вот соответствующиеCSS из stylesheet.css (я убрал цвета, стили шрифта, отступы и тени): 

div#navigation ul {
    float: left;
    z-index: 10;
}

div#navigation ul li {
    display: block;
    float:left;
}

li:hover ul, li.over ul { 
    display: block;
}

div#navigation ul li a {
    display:block;
}

div#navigation ul li ul.sub-navigation {
    display:none;
    width:180px;
}

div#navigation ul li:hover ul.sub-navigation {
    display:block;
    position:absolute;
}

div#navigation ul li:hover ul.sub-navigation li {
    width:100%;
}

1 Ответ

0 голосов
/ 24 июня 2011

Для вашей проблемы с парением,

Я не уверен, что плагин jQuery исправляет это, но в IE6 вы не можете поставить: hover на что-либо, кроме «a», а у вас это на «li». Если это то, что исправляет плагин, тогда мой комментарий бесполезен.

...