Изменение ширины с помощью jQuery

-3

Я пытаюсь изменить ширину divs с помощью jQuery, но, похоже, не может использовать выражения с методом .css().Изменение ширины с помощью jQuery

$(document).ready(function() { 

var docWidth = $(document).width(); 
var bottomWidth = $("bottom").width(); 

$("bottom").css("width", docWidth); 

});

Заранее спасибо, я буду благодарен за любую помощь, которую я могу получить. : 3

Edit: я понял это, спасибо, ребята с:

источник

2016-04-08 Oscar L.

что 'bottom'? это имя класса ('.bottom') или id (' # bottom')? –

Помните, что когда вы используете '.css ('width', docWidth)', вам также нужно добавить единицу типа 'px'. '.width()' возвращает единичное значение. – j08691

@ j08691 thats на самом деле не соответствует действительности. jQuery «автозаполняет» числовые значения в значениях px. – BasySilver

У вас есть опечатка ошибка. Я думаю, что это должно быть .bottom вместо нижней

источник

2016-04-08 21:02:21 trinvh

Как было отмечено в моем коде ниже:

Первое предупреждение будет неопределенным, как вы не правильно захватывать элемент, такой как ID или класса :

$ («# донные») // $ («дно»)

Однако если это класс или идентификатор, который вы пытаетесь предназначаться добавив правильный префикс исправит проблему.

Если нет - нам понадобится немного больше информации!

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

 

 
<script> 
 
    $(document).ready(function() { 
 

 
    var docWidth = $(document).width(); 
 
    var bottomWidth = $("bottom").width(); 
 

 
    alert(docWidth); 
 

 
    $("bottom").css("width", docWidth); 
 

 
    }); 
 
</script> 
 

 
<script> 
 
    var test = $('.bottom').val(); 
 
    alert(test) 
 
</script> 
 

 

 
<html> 
 

 
<head> 
 
</head> 
 

 
<body> 
 

 
    <div class="bottom"> 
 

 
    </div> 
 

 

 

 
</body> 
 

 
</html>

источник

2016-04-08 21:07:23

Должно работать нормально. Похоже, вы просто забыли выбрать свой элемент правильно. С # для id и. для класса. То, как вы сделали это сейчас, это просто выбрать HTML элемент, предположительно называемый «нижний»

Таким образом, изменение $("bottom").css("width", docWidth);

С $("#bottom").css("width", docWidth);, например, чтобы выбрать DIV или что-то с идентификатором дна. <div id="bottom"></div>

DEMO

источник

2016-04-08 21:08:25

Изменение ширины с помощью jQuery

ответ

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