2011-02-09 159 views
0

我在頁面上有一個手風琴菜單,但是當我點擊其中一個鏈接時,它不會進入相應的頁面。Jquery手風琴菜單問題

此外,我很想讓它工作,以便當我單擊一個鏈接時,菜單關閉,然後在下一頁加載時自動退出。

如果我只是告訴你我的代碼在哪裏,而不是在這裏發佈,這會更好嗎?

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

我不知道該腳本的部分相關....我只是複製並粘貼吧:)

請原諒我的無知的傢伙,我還是新來驗證碼業務

科爾姆

+0

下面我不知道發生了什麼到我的HTML,但顯然它看起來不是這樣 – colmtuite 2011-02-09 11:56:21

+0

雖然我爲你編輯,你應該看到http://stackoverflow.com/editing-help爲了知道如何格式代碼和其他工作人員在你的問題/答案 – enam 2011-02-09 12:20:13

回答

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(); 
}); 

添加上面一行此行==== >>>var wizardButtons = $([]);