2013-12-11 3 views
1

, даже если только один значок из моей перетаскиваемой коробки упал в область doppable, я бы хотел, чтобы скрытая кнопка появилась. Я не уверен, могу ли я ссылаться на класс css, который я использовал, чтобы скрыть его или создать javascript кнопку.Показать скрытую кнопку на droppable :: javascript

..этоты кнопка будет необходима позже для события OnClick для коробки модальной ...

любой помощь будет оценен. :)

jsfiddle посмотреть на http://jsfiddle.net/JeLZr/4/

ниже код, что я имею проблемы с.

if ($(this).find('.draggable').length === 0) { 
    $(this).append($(ui.draggable)); 
    if($(ui.draggable).find('button.generateReport').length === 0){ 
     $(ui.draggable).append('<input type="button" id="generateReport" class="BtnReport" />'); 
    } 
} 

[прав.] Этимология Это болванка статьи. а также перетаскивание значка, если его дважды щелкнуть, он переместится в окно с возможностью замены? это даже возможно с draggable/droppable ??

ответ

2

Попытка ответить на первый вопрос:

$("#drop").droppable({ 
     accept: ".draggable", 
     drop: function (event, ui) { 
      $('.BtnReport').show(); 
      console.log("drop"); 
      $(this).addClass("over"); 
      var dropped = ui.draggable; 
      var droppedOn = $(this); 
      $(dropped).detach().css({ 
       top: 0, 
       left: 0 
      }).appendTo(droppedOn); 


     }, 
     over: function (event, elem) { 
      $(this).addClass("over"); 
      console.log("over"); 
     }, 
     out: function (event, elem) { 
      $(this).removeClass("over"); 
     } 
    }); 
    $("#drop").sortable(); 

    $("#grid").droppable({ 
     accept: ".draggable", 
     drop: function (event, ui) { 
      if($('#drop img').length == 1) 
       $('.BtnReport').hide();     
      console.log("drop"); 
      $(this).removeClass("over"); 
      var dropped = ui.draggable; 
      var droppedOn = $(this); 
      $(dropped).detach().css({ 
       top: 0, 
       left: 0 
      }).appendTo(droppedOn); 

http://jsfiddle.net/trevordowdle/JeLZr/5/

Я могу посмотреть на второй вопрос, как хорошо, но это может быть лучше, чтобы создать еще один вопрос для него.

+1

С $ (". Draggable"). Draggable ({revert: "invalid"}); добавленный в верхней части этого кода, он отлично работал, спасибо вам большое. Я не думал напрямую обращаться к изображению. Я делал это сложнее для себя, вызывая фактический div. Спасибо за помощь Тревор. :) Я сделаю еще один вопрос для двойного щелчка, я, конечно, попытаюсь что-то сделать первым. снова приветствует. : D – Rhaebosis

Смежные вопросы