Dynamic Grid CSS, изменение размера (диапазона) с помощью Jquery grid-column и grid-row - PullRequest
Новая
       14

Dynamic Grid CSS, изменение размера (диапазона) с помощью Jquery grid-column и grid-row

0 голосов
/ 15 октября 2018

Я пытаюсь построить динамическую сетку, и мне нужно изменить размер элемента Inside, когда пользователь нажимает на стрелку.Вот моя сетка: enter image description here

$(".SizeRight").click(function(){
    console.log("i am Here !");
    $(this).parent().css( "grid-column","3 / 4");
  });

все в порядке, («Я здесь») отображается на консоли, когда я нажимаю стрелку вправо, но ничего не изменяется ...

<div class="boutique">
    <img class="Trash" src="img/Trash.png"/>
    <img class="SizeRight" src="img/SizeRight.png"/>
    <img class="SizeBottom" src="img/SizeBottom.png"/>
</div>

Если я заменю 

$(this).parent().css( "grid-column","3 / 4");

на 

$(this).parent().css( "background-color", "green" );

Розовый цвет станет зеленым.

Вот мой css для бутика div:

.boutique {
background: rgb(230, 91, 114) url('../img/Add.png') no-repeat center;
min-width: 75px;
min-height: 75px;

}

У вас есть идея?

спасибо за вашу помощь:)

...