Jquery手风琴菜单问题

时间:2011-02-09 11:36:09

标签: jquery accordion

我在页面上有一个手风琴菜单,但是当我点击其中一个链接时,它没有进入相应的页面。

此外,我很乐意让它工作,以便当我点击链接时,菜单关闭,然后在下一页加载时自动再次退出。

如果我只是告诉你我的代码在哪里而不是在这里发布所有内容,那会更好吗?

HTML:

<div class="basic" style="float:right;" id="list1b"> <a class="serviceheading">Printing</a>
  <ul id="serviceslist">
    <li><a href="stationery.php">>> Stationery</a></li>
    <li><a href="flyers.php">>> Flyers / Leaflets</a></li>
    <li><a href="brochures.php">>> Brochures</a></li>
    <li><a href="posters.php">>> Posters</a></li>
    <li><a href="calendars.php">>> Calendars</a></li>
    <li><a href="invites.php">>> Invites</a></li>
    <li><a href="#">>> Envelopes</a></li>
    <li><a href="#">>> Docket Books</a></li>
    <li><a href="#">>> Menus</a></li>
    <li><a href="#">>> Booklets</a></li>
  </ul>
  <a class="serviceheading">Graphic Design</a>
  <ul id="serviceslist">
    <li><a href="#">>> Print Design</a></li>
    <li><a href="#">>> Logo Design</a></li>
    <li><a href="#">>> Brand Development</a></li>
    <li><a href="#">>> Advert Design</a></li>
    <li><a href="#">>> Product Packaging</a></li>
  </ul>
  <a class="serviceheading">Web Design</a>
  <ul id="serviceslist">
    <li><a href="#">>> Web Design</a></li>
    <li><a href="#">>> E-Commerce Web Design</a></li>
    <li><a href="#">>> SEO - Search Engine Optimization</a></li>
    <li><a href="#">>> Web Marketing (SEO, Banner Ads, Text Ads)</a></li>
  </ul>
  <a class="serviceheading">Signage</a>
  <ul id="serviceslist">
    <li><a href="#">>> PVC Banners</a></li>
    <li><a href="#">>> Pop-up Banners</a></li>
    <li><a href="#">>> Swing Signs</a></li>
    <li><a href="#">>> Outdoor Signage</a></li>
  </ul>
</div>

CSS位于accordioncss.css

我不确定脚本的哪些部分是相关的....我只是复制并粘贴它:)

请原谅我无知的人,我仍然是这个代码业务的新手

科尔姆

1 个答案:

答案 0 :(得分:0)

您的所有链接都在html上有href="#"个代码。它们应该包含您想要指向它们的链接,例如点击谷歌时<a href="http://google.com">Google</a>会转到google.com网站

<强>更新

jQuery('#list1b ul li a').click(function (e){
   var self = $(this);
   setTimeout(function (){window.location.href=self.attr('href')},1500);
   e.preventDefault();
});

在此行下方添加以上行====&gt;&gt;&gt; var wizardButtons = $([]);