jquery draggable 및 배경 컨테이너의 색상을 변경하십시오.

분명히 잘못된 것을하고 있기 때문에 구문 오류가 발생합니다. 구문 오류가 여기에 웹 개발자 도구에서jquery draggable 및 배경 컨테이너의 색상을 변경하십시오.

<style> 
    body{margin:0 auto;} 
    .draggable { width: 100px; height: 100px; padding: 0.5em;background-color:red;}  

    </style> 
    <script> 
    $(function() { 
     $(".draggable").draggable(); 
    }); 
    var i=0; 
    $(".draggable").each(function(i){ 
    if(i%2==0){ 
     #container("background-color:green"); 
     } 
     i++; 
     }); 
    </script> 
</head> 
<body> 

<div id="container" style="width:100%;height:400px;background-  color:#ccc;position:relative;"> 
<div class="draggable" class="ui-widget-content" style="margin-top:10%;margin- left:1%;position:absolute;"> 
    <p>Drag me around</p> 
</div> 
<div class="draggable" class="ui-widget-content" style="margin-top:10%;margin- left:20%;position:absolute;"> 
    <p>Drag me around</p> 
</div> 
<div class="draggable" class="ui-widget-content"style="margin-top:10%;margin- left:33%;position:absolute;" > 
    <p>Drag me around</p> 
</div> 
<div class="draggable" class="ui-widget-content"style="margin-top:10%;margin- left:45%;position:absolute;" > 
    <p>Drag me around</p> 
</div> 
<div class="draggable" class="ui-widget-content"style="margin-top:10%;margin- left:60%;position:absolute;" > 
    <p>Drag me around</p> 
</div> 
<div class="draggable" class="ui-widget-content" style="margin-top:10%;margin- left:80%;position:absolute;"> 
    <p>Drag me around</p> 
</div> 
</div>

#container ("배경 색 : 녹색") 여기

코드입니다;

내가해야할 일은 드래그 가능한 div가 컨테이너 밖으로 이동 한 경우입니다. 컨테이너에 남아있는 드래그 가능한 div 수가 홀수 일 경우 컨테이너의 배경색이 녹색으로 변합니다.

출처

2014-04-24 umbregachoong

gachoong

안부, umbre이에 대한

$("#container").css("background-color", "green");

출처

2014-04-24 17:59:16 Enve

감사와

#container("background-color:green");

를 교체합니다. 변경했지만 컨테이너 배경색은 변경되지 않습니다. 나는 그것이 내가 여기에서 사용하는 논리 일 것임에 틀림 없다라고 생각한다. – umbregachoong

여기에 http://inetwebdesign.com/draggable_example2.html – umbregachoong

을 입력하십시오. 을 본문이 끝나기 바로 전에 코드 하단으로 이동하십시오. – Enve

jquery draggable 및 배경 컨테이너의 색상을 변경하십시오.

답변

관련 문제