更改jQuery中按鈕的高度，使用.css不起作用

我有div和按鈕。 .buttons大小不變。更改jQuery中按鈕的高度，使用.css不起作用

（的script.js是在同一目錄中的HTML索引文件。）

$(document).ready(function(){ 
 
    $('#next').click(function(){ 
 
     $('.button').css('height','1200'); 
 
    }); 
 
});

<html> 
 
<head> 
 
<link href="style.css" rel="stylesheet" type="text/css" /> 
 
<script type="text/javascript" src="script.js" ></script> 
 
<title></title> 
 
</head> 
 
<body> 
 

 
    <div id="slide_container"> 
 
     <div id="slide"> 
 

 
     </div> 
 
     <a id='next' href="#">Next One</a> 
 
     <input type="button" id="btnPrev" value="Prevous" class="button"/> 
 
     <input type="button" id="btnNext" value="Next" class="button"/> 
 
    </div> 
 

 
</body> 
 
</html>

來源

2012-02-01 Irakli Lekishvili

你在JavaScript控制檯中有什麼錯誤？ – 2012-02-01 13:22:36

假如你已經在頁面上包含了jQuery，你有什麼工作，script.js包含什麼？這是一個工作版本：http://jsfiddle.net/hQNWy/7/ – 2012-02-01 13:24:11

適用於我：http://jsfiddle.net/Rq7xa/ – Jamiec 2012-02-01 13:25:23

我想你還沒有包含jQuery庫。

嘗試包括錯誤控制檯

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

來源

2012-02-01 13:24:47 GoodSp33d

比我快4秒;） – Archer 2012-02-01 13:25:14

可能值得添加，您可以使用Google CDN來源jQuery庫'' – ianbarker 2012-02-01 13:34:48

好的...... – GoodSp33d 2012-02-01 14:07:46

沒有進一步的信息，我只能假設的影響之前採取該鏈接被跟蹤爲了避免這種情況（並且爲了防止鏈接被跟着（和打開新頁面））：

$('#next').click(function(){ 
    $('.button').css('height','1200'); 
    return false; 
});

JS Fiddle demo。

返回FALSE既防止元素的默認行爲（被載入到一個新的頁面）和停止click事件的傳播，如果你只是想阻止導航方面/默認行爲，您可以改用：

$('#next').click(function(e){ 
    e.preventDefault(); 
    $('.button').css('height','1200'); 
});

JS Fiddle demo。

來源

2012-02-01 13:24:30

對於這個特定的錨點，最糟糕的情況是用戶將被帶回到頁面的頂部，因爲'href'只是'#'。儘管如此，調用'preventDefault（）'仍然是一個好主意，所以它們不會感到惱火。 – 2012-02-01 13:34:47

早安，

看起來好像你的下一個ID不正確命名的（除非我失去了一些東西）。

在你的榜樣，你有下面這行：

<input type="button" id="btnNext" value="Next" class="button"/>

此基礎上，你的jQuery的需要是：

$(document).ready(function(){ 
    $('#btnNext').click(function(){ 
     $('.button').css('height','1200'); 
    }); 
});

讓我知道，如果不工作！

JMax

來源

2012-02-01 13:24:36

'next'是2個按鈕旁邊的錨的ID！ – Jamiec 2012-02-01 13:26:33

杜。謝謝。不能相信我錯過了那個;）。 – 2012-02-01 13:28:25

這和後期的錯誤你似乎並沒有包含對jQuery庫的引用。

一下添加到頭部（假設jQuery是在同一文件夾）：

<script type="text/javascript" src="jquery.js" ></script>

來源

2012-02-01 13:25:09

更改jQuery中按鈕的高度，使用.css不起作用

回答

相關問題