почему не работает клик

Вилков Михаил
почему при клике на квадратик малого размера не появляется квадрат большего  размера. Прописываю эти функции jquery и всё равно не работает, подскажите? вот код css:


#modalDiv {
width: 400px;
height: 400px;
background: green;
position: absolute;
left: 200px;
top: 100px;
display: none;
cursor: pointer;
} #div1 {background-color: blue;} #div2 {background-color: green;} #div3 {background-color: yellow;} #div4 {background-color: black;} #div5 {background-color: gray;} div {
width: 150px;
height: 150px;
display: inline-block;
}
вот код index.html
<!DOCTYPE html>

<html>
<head>
<title>lesson8</title>
<meta charset="utf8">
<link rel="stylesheet" href="css/div.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<div id="div1" class="someDiv"></div>
<div id="div2" class="someDiv"></div>
<div id="div3" class="someDiv"></div>
<div id="div4" class="someDiv"></div>
<div id="div5" class="someDiv"></div>

<div id="modalDiv"></div>
<script>
$('.someDiv').on('click' , function(e){
var modalDiv = $('#modalDiv')
modal.css('top',(window.innerHeight - modal.height()) / 2);
modal.css('left',(window.innerWidth - modal.width()) / 2);
modal.css('background-color' , $(e.target).css('background-color'));
modal.show()
}); $('#modalDiv').on('click', function(){
modal.slideup(1000);
});
</script>
</body>
</html>
Вилков Михаил почти 2 года назадСпасибо 0
0 чел.