jquery可拖拽到所有的赋值函数

Question

我需要以下方面的帮助：

1.)如何将函数$('div.appriseOuter').draggable()；放在所有‘apprise`函数中？我需要在每个赋值函数上放上

2.)当你点击“点击我”，它应该会弹出对话框“拖拽我#1”-然后当你按回车键，它会进入对话框“拖拽我#2”，然后当你再次点击回车，对话框“拖拽我#3”没有出现。但是当您通常单击not ENTER时，它会进入"Drag me #3“对话框。

 My JsFiddle is 

here

Answer 1

对于你的第一个问题，你可以使用jquery链接，并在你的插件中实现它。

$('.appriseOuter').draggable().append('<div class="appriseInner"></div>');

对于你的第二个问题，它的发生是因为你已经在你的插件中编写了以下代码

$(document).keydown(function(e) {
    if($('.appriseOverlay').is(':visible')){
        if(e.keyCode == 13) { 
            $('.aButtons > button[value="ok"]').click(); 
        }
        if(e.keyCode == 27) { 
              $('.aButtons > button[value="cancel"]').click(); }
        }
});

它会在你每次调用appraise时绑定keybind事件。将它移到你的插件之外，这样它只被调用一次就解决了这个问题。这是您更新的jsfiddle