Member 14772706 Ответов: 1

ИП и ИП-выбор не работает


<html>
<head>
<meta charset="utf-8">
<title>FIRST</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<style>
.greenbox{
background-color:green;
color:white;
width:auto;
height:170px;
}
.bluebox{
background-color:blue;
color:white;
width:auto;
height:200px;
padding:10px;
}
.yellowbox{
background-color:yellow;
color:black;
width:auto;
height:100px;
}


li{
   font-size:2em;
   margin-bottom:5px;
   text-align:center;
   
}
#list .ui-selecting{
     background:#740da0;
}
#list .ui-selected{
    background:#953ebb;
    color: white;
}	 
</style>


</head>
<body>
<div class="greenbox ui-corner-all" id="helloman">
<p>hello man</p>
</div>
<div class="bluebox ui-corner-all" id="seshu">
<ul id="list">
<li class="ui-state-default">BMW</li>
<li class="ui-state-default">AUDI</li>
</ul>
</div>
<div class="yellowbox ui-corner-all" id="microsoft">
<p>puli</p>
</div>


<script>
 $(function(){
    	$("#seshu").selectable({
		 stop: function(){
		 $(".ui-selected").each(function(){
		 $("<p></p>").text($(this).text()).appendTo("#microsoft");
		 });
		  }   
		});	 
	
		
		
		
});
</script>	 
</body>
</html>


Что я уже пробовал:

В интерфейсе выбора CSS и UI-некоторые классы не работают.вы можете догадаться об ошибке

Richard MacCutchan

Нет, я сдаюсь. И каков же ответ?

1 Ответов

Рейтинг:
1

phil.o

Используйте консоль браузера, чтобы проверить свою страницу и выяснить причину. В частности, следите за классом, применяемым к вашему списку, и убедитесь, что он соответствует тому, что вы считаете нужным.