Я не смог найти похожего

  • Автор темы illussions
  • 31
  • Обновлено
  • 14, May 2024
  • #1
Привет У меня проблема: я пытаюсь создать гибкое и отзывчивое изображение в решении div в bs 3, как я начал в 2017 году, но оно работает частично, что означает, что когда я обновляю страницу, в противном случае этого не происходит.

изображение не следует за изменением ширины div. код:
 

var h2 = $(".city01").width();

$(".city01").width(h2);

$(".city01").height(h2);

$(".imgsz").width(h2);

$(".imgsz").height(h2);

<!-- $(".city01").text($("#div11").width());-->

//$(".city01").height();

/*

if ($(".imgsz").width() < $(".imgsz").height()) {

$(".imgsz").height(h2);

} else {

$(".imgsz").width(h2);

(*/

$(window).resize(function(){

h2 = $(".city01").width();

//$(".city01").css({'height':(h11)+'px'});

$("#div11").text(" width : "+ $(".city01").width ()+ " height : "+ $(".city01").height());

/*

if ($(".imgsz").width() < $(".imgsz").height()) {

$(".imgsz").height(h11);

} else {

$(".imgsz").width(h11);

}

*/

$(".city01").width(h2);

$(".city01").height(h2);

[URL='https://lumtu.com/yti/QYVVYQkJodHRwczovL2NvZGVwZW4uaW8vY2ZyYW5rMjAwMC9wZW4vellxRlle']https://codepen.io/cfrank2000/pen/zYqEVBB[/URL]

$(".imgsz").width(h2);

$(".imgsz").height(h2);

});
Код (JavaScript):

illussions


Рег
26 Feb, 2012

Тем
1

Постов
2

Баллов
12
  • 01, Jun 2024
  • #2
1) что делает верстку частью бизнеса JavaScript?

2) какое значение имеет верстка в JavaScript?!?

Теперь я понимаю, что на самом деле это только один момент, но это такой колоссальный камень преткновения, что я подумал, что стоит упомянуть его дважды.

3) НЕ используется для комментирования кода в JavaScript.

4) как сказал @sarahk, как/где вы вызываете этот код? Я думаю, его нужно будет запускать как при загрузке, так и при window.onresize.

При этом смотрите пункты 1 и 2.
 

Wisp1


Рег
17 Mar, 2015

Тем
1

Постов
2

Баллов
12
  • 01, Jun 2024
  • #3
Он прекрасно работает без JavaScript - см. https://jsfiddle.net/itamer/35kb1ms4/2/

Код, который у вас есть выше – какой прослушиватель вы используете для его вызова? Что является триггером?
 

Koshkencia


Рег
01 Jan, 2011

Тем
0

Постов
3

Баллов
3
Тем
49554
Комментарии
57426
Опыт
552966

Интересно