Изменение высоты кнопок в 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? –

У вас будет работа, если вы включили jQuery на странице ... что содержит 'script.js'? Вот рабочая версия: http://jsfiddle.net/hQNWy/7/ –

Работает для меня: http://jsfiddle.net/Rq7xa/ – Jamiec

Я думаю, что Вы не включили JQuery библиотеку.

Try в том числе это и почтовые ошибки из консоли ошибок

<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

, возможно, стоит добавить, что вы можете использовать CDN Google, чтобы загрузить библиотеку jQuery '' – ianbarker

Хорошо добавил ...... – GoodSp33d

Без дополнительной информации, я могу только предположить, что связь отрабатывался, прежде чем происходит эффект место, чтобы избежать этого (и предотвратить соединение от соблюдаются (и новая страница открыта)):

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

JS Fiddle demo.

Возврат ложна одновременно предотвращает поведение по умолчанию элемента (новая страница загружается) и останавливает распространение события щелчка, если вы хотите, чтобы предотвратить поведение навигации аспект/по умолчанию, вы можете использовать вместо этого:

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

JS Fiddle demo.

источник

2012-02-01 13:24:30

Хуже того, что произойдет для этого конкретного якоря, пользователь будет возвращен в начало страницы, так как 'href' просто' # '. Все еще хорошая идея называть 'preventDefault()', поэтому они не раздражаются. –

Доброе утро,

Это выглядит так, как если ваш следующий идентификатор не назван правильно (если я не хватает чего-то).

В вашем примере вы имеете следующую строку:

<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' является идентификатором якоря рядом с двумя кнопками! – Jamiec

Duh.Благодарю. Не могу поверить, что я пропустил это;). –

Вам не кажется, включали в себя ссылку на библиотеку JQuery.

Добавьте к головной части (при условии, JQuery находится в той же папке):

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

источник

2012-02-01 13:25:09

Изменение высоты кнопок в jQuery с .css не работает

ответ

Смежные вопросы