Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.01.2017, 19:41
Новичок на форуме
Отправить личное сообщение для kak2z Посмотреть профиль Найти все сообщения от kak2z
 
Регистрация: 20.01.2017
Сообщений: 2

По разному работают конструкции установки ширины элемента
Прошу помощи))
Почему эта конструкция
Код:
	$('.top_ava').width(new_width);
работает иначе чем эта
Код:
	$('.top_ava').css( 'width', '' + new_width + 'px' );
в верхней устанавливается больше ширина у элемента чем у нижнего.

класс .top_ava имеет padding-right: 10px;
первая конструкция устанавливает ширину на 12px больше чем вторая..
хотя по документации должны одинаково работать)
Спасибо)
Ответить с цитированием
  #2 (permalink)  
Старый 23.01.2017, 22:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Сообщение от kak2z
первая конструкция устанавливает ширину на 12px больше чем вторая..
вы что-то не договариваите
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .top_ava{
    height: 50px;
    background-color:  #FF00FF;
    padding-right: 10px;
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
$(function() {
var new_width = 200
$('.top_ava:first').width(new_width);
$('.top_ava:last').css( 'width', new_width + 'px' );
});
  </script>
</head>

<body>
<div class="top_ava"></div>
<br>
<div class="top_ava"></div>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 24.01.2017, 22:46
Новичок на форуме
Отправить личное сообщение для kak2z Посмотреть профиль Найти все сообщения от kak2z
 
Регистрация: 20.01.2017
Сообщений: 2

странно както....
я специально через console.log вывел значение new_width
выдавало к примеру 100 пх.. а размер у дива получался разный.. в первом случае 112 во втором 100..
правда у дива была тень, padding и margin.. может он как то еще учитывался в первом случае.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помощь в изменении ширины элемента amstafff Общие вопросы Javascript 10 23.01.2016 12:38
вместо одного конкретного элемента работают все Garri Элементы интерфейса 9 17.05.2013 22:29
Изменение ширины элемента Shurik Элементы интерфейса 5 27.02.2013 15:29