jquery slideUp不能正常工作

對網頁設計不熟悉。我試圖創建一個帶有滑動菜單的網站，但不幸的是我在初始階段自己就開始使用jquery。jquery slideUp不能正常工作

這裏是我的HTML頁面（index.html的）

<div class="titlebar" align="middle"> 
    <div class="nav"> 
     <div id="menu_products" class="menu"> 
      <a href="#" class="prodlink">Products</a> 
     </div> 
     <div id="menu_logo" class="menu"> 
      <b><a href="">company name</a></b> 
     </div> 
     <div id="menu_account" class="menu"> 
      <a href=""> Account</a> 
     </div> 
    </div> 
    <div class="products" id="productlist"> 
     <br /><br /><br /><br /><br /> 
      <a href="" class="prod_nav">Computers</a> 
      <a href="" class="prod_nav">Laptops</a> 
      <a href="" class="prod_nav">Tablets</a> 
      <a href="" class="prod_nav">Smart Phones</a> 
    </div>    
</div>

這裏是我的jQuery（index.js）

$("a.prodlink").click(function() { 
    $(".products").slideUp(); 
});

來源

2013-07-28 matheen

您是否在jquery.js文件中添加了鏈接？ –

@OptimusPrime是的，我添加了鏈接。 – matheen

@PavelPatino：我正在使用最新的Firefox和Chromium瀏覽器。對於網頁設計 - Aptana Studio 3.首先我使用JavaScript。但它沒有奏效。然後我試着jquery，它也沒有奏效。我錯過了什麼？像設計概念，div對齊等 – matheen

我猜JS只是不能等待DOM準備。試試這個：

$(document).ready(function(){ 
    $("a.prodlink").click(function() { 
     $(".products").slideUp(); 
    }); 
});

來源

2013-07-28 05:30:11

很抱歉，但它不起作用。我應該檢查我的CSS嗎？ – matheen

你可能想用slideToggle來解決你的問題。

看一看http://jsfiddle.net/tchow002/LvVAu/6/的工作示例。

如果您點擊產品鏈接時未發生任何事情，請查看@Pavel Patino的答案。

來源

2013-07-28 05:41:17 tchow002

jquery slideUp不能正常工作

回答

相關問題