Возможность множественного сброса с одним перетаскиваемым элементом (JqueryUI) - PullRequest
Новая
       52

Возможность множественного сброса с одним перетаскиваемым элементом (JqueryUI)

0 голосов
/ 23 декабря 2018

Добрый день, мэм / сэр, я хочу изменить цвет фона обоих отбрасываемых материалов с помощью одного перетаскиваемого элемента.В настоящее время я использую JqueryUI (http://api.jqueryui.com/droppable/#event-out).

. На данный момент это мой код. T_T

SCRIPT: 

    $( function() {
        $( ".draggable" ).draggable();
        $( ".snaptarget" ).droppable({
            drop: function( event, ui ) {
                $( this )
                .addClass( "ui-state-highlight" )
                .find( "p" )
                .html( "Dropped!" );
            }
        });

        $( ".snaptarget" ).droppable({
            out: function( event, ui ) {
                $( this )
                .removeClass( "ui-state-highlight" )
                .find( "p" )
                .html( "Remove!" );
            }
        });
    } );

CSS: 

.draggable{ 
    width: 200px;
    height: 80px; 
    padding: 5px; 
    float: left; 
    margin: 0 10px 10px 0; 
    font-size: .9em; 
}
.ui-state-highlight{
    background-color: pink !important;
}

.snaptarget { 
    height: 140px; 
    width: 200px;
    float: right;
}

HTML: 

<div  class=" draggable ui-widget-content">
    <p>Drag me to my target</p>
</div>

<div id="droppable" class="snaptarget ui-widget-header">
    <p>1st Drop</p>
</div>
<div id="droppable" class="snaptarget ui-widget-header">
    <p>2nd Drop</p>
</div>

Выходные данные должны быть такими: Необходимые выходные данные

Я все еще новичок в этих вещахПожалуйста, помогите мне и большое спасибо :(

...