Javascript 创建拖放应用程序

我是jQueryUI新手，我正在尝试在网站中创建拖放功能。我需要它做的是，当文本从页面的一侧拖到另一侧的div中时，特定的文本就会显示出来。一个很好的例子是，如果我把一个单词放到可拖放的div中，该单词的定义就会显示出来。有人对此有什么建议吗？或者我在哪里可以找到推荐人？这是我到目前为止所拥有的

HTML

<div id="main_frame">
        <div id="draggable_alerts">
            <h2>Alerts</h2>
        </div>

        <div class="halfsie">
            <div id="cas">
                <h2 id="apu_btn">APU</h2>
                <div id="apu_cas"></div>

                <h2 id="avionics_btn">AVIONICS</h2>
                <div id="avionics_cas"></div>

                <h2 id="brakes_btn">BRAKES-GEAR-NWS</h2>
                <div id="brakes_cas"></div>

                <h2 id="pneumatics_btn">PNEUMATICS</h2>
                <div id="pneumatics_cas"></div>

                <h2 id="doors_btn">DOORS</h2>
                <div id="doors_cas"></div>

                <h2 id="electrical_btn">ELECTRICAL</h2>
                <div id="electrical_cas"></div>

                <h2 id="engines_btn">ENGINES</h2>
                <div id="engines_cas"></div>

                <h2 id="fc_btn">FLIGHT CONTROLS</h2>
                <div id="fc_cas"></div>

                <h2 id="fuel_btn">FUEL</h2>
                <div id="fuel_cas"></div>

                <h2 id="hydraulics_btn">HYDRAULICS</h2>
                <div id="hydraulics_cas"></div>

                <h2 id="misc_btn">MISCELLEANEOUS</h2>
                <div id="misc_cas"></div>

                <h2 id="smoke_btn">SMOKE-OVERHEAT</h2>
                <div id="smoke_cas"></div>
            </div>
        </div>

        <div class="halfsie">
            <div id="alerts">
                <div id="apu"></div>
                <div id="avionics"></div>
                <div id="brakes"></div>
                <div id="pneumatics"></div>
                <div id="doors"></div>
                <div id="electrical"></div>
                <div id="engines"></div>
                <div id="fc"></div>
                <div id="fuel"></div>
                <div id="hydraulics"></div>
                <div id="misc"></div>
                <div id="smoke"></div>
            </div>
        </div>
      </div>
  </div>

警报
APU
航空电子设备
制动器-GEAR-NWS
气动
门
与电有关的
引擎
飞行控制
燃料
水力学
混杂的
烟气过热

JAVASCRIPT

$(function(){
            var Alerts = {
                apu: ["APU Power Fail", "APU Power Fault", "APU Generator Fail", "APU High Oil Temperature", "APU Hot Start", "APU Loss Overspeed Protection", "APU Starter Engaged", "APU Fire", "APU Fails Bite Check", "APU Door Fails to Open", "APU No Flame", "Left Fire Bottle Discharge"],
                avionics: ["ADS 1 Fail", "ADS 2 Fail", "ADS 3 Fail", "AP 1 Fail", "AP 2 Fail", "Autopilots Fail", "Baroset 1 Fail", "Baroset 2 Fail", "Baroset 3 Fail", "CCD 1 Fail", "CCD  2 Fail", "Heading Comparison Monitor", "Heading and Roll Comparison Monitor", "Display Controller 1 Fail", "Display Controller 2 Fail", "IRS 1 Fail", "IRS 2 Fail", "IRS 3 Fail", "Glideslope Antenna Fail", "MAU 1A Fail", "MAU 1B Fail", "MAU 2A Fail", "MAU 2B Fail", "MAU 3A Fail", "MAU 3B Fail", "MRC 1 Fail", "MRC 2 Fail", "GPS Degrade", "GPS #1 Fail", "GPS #2 Fail", "Display Unit 1 Fail", "Display Unit 2 Fail", "Display Unit 3 Fail", "Display Unit 4 Fail", "GPS - Unable RNP"],
                brakes: ["Antiskid Fail", "Touchdown Protection Fail", "Parking Brake Accumulator Fail", "Right Outboard Brake Overheat", "Left Outboard Main Tire Blowout", "Right Outboard Main Tire Blowout", "Both Left Main Tires Blown", "Both Right Main Tires Blown", "Wheel Despin Fail", "Nose Gear Not Up", "Left Main Gear Not Up", "Right Main Gear Not Up", "Left Main Gear Not Down", "Right Main Gear Not Down", "Nose Gear Not Down", "Left Main Gear Door Open", "Nose Gear Door Open", "Ldg Gear Indications Circuit Brkr Trips", "Ldg Gear Control Circuit Breaker", "Rudder Steering Fail", "Tiller Steering Fail", "Steer by Wire Fail", "Wow Fault(Amber)", "Wow Fault(Blue)", "Ldg Gear Downlock Pins Installed", "Ldg Gear Door Pins Installed"],
                pneumatics: ["Left Air Conditioning System Fail", "Right Air Conditioning System Fail", "Left Cooling Turbine Hot", "Right Cooling Turbine Hot", "Select Manual Temperature Cockpit", "Select Manual Temp. Forward Cabin", "Select Manual Temp. Aft Cabin", "Left Wing Temperature Hot", "Right Wing Temperature Hot", "Left Wing Temperature Low", "Right Wing Temperature Low", "Left Bleed Air System Fail", "Right Bleed Air System Fail", "Left Bleed Air Hot", "Right Bleed Air Hot", "Left Bleed Air Pressure High", "Right Bleed Air Pressure Low", "Rapid Depressurization", "Cabin Pressure Low", "Outflow Valve Failing Closed", "CPCS Control Panel Fail", "CPCS Fail - Selected Manual", "CPCS Low Air Flow"],
                doors: ["Radome Door Detected Open", "Fwd Ext Switch Panel Dr Detcted Open", "Main Cabin Door Detected Open", "Aft Water Service Door Detcted Open", "Ext. Baggage Door Detected Open", "Hydraulic Service Door Detected Open", "Tail Compartment Door Detected Open", "Aft Lav Service Door Detected Open", "Fuel Service Door Detected Open", "Oxygen Service Door Detected Open", "Pneumatic Service Door Detected Open", "External Power Door Detected Open", "R. Engine Lower Cowl Detected Open", "L. Engine Access Door Detected Open", "R. Engine Access Door Detected Open"],
                electrical: ["Left Generator Fail", "Right Generator Fail", "Left AC Power Fail (Resettable)", "Left AC Power Fail (Non - Resettable)", "DC Reset", "L EPS NBP FAIL", "Hyd. Motor Generator Failure", "Left AC Power Fail (Source Fault)", "Right AC Power Fail (Source Fault)", "Left AC Power Fault", "Right AC Power Fault", "Left Essential DC - Batteries", "Right Essential DC - Batteries", "Left Essential TRU Fault", "Right Essential TRU Hot", "Left Main TRU Hot", "Right Main TRU Fault", "Left Main DC Bus Fault", "Right Main DC Bus Fault", "Left Battery Charger Fail", "Right Battery Charger Fail", "L. BPCU Fail (Non-Resetable)", "Both Batts Drained"],
                engines: ["Left Engine Flameout", "Right Engine Flameout", "Left Engine Fire (Non Extinguishable)", "Rt Engine Fire (Non Extinguishable)", "Left Engine Fire (1 Bottle)", "Right Engine Fire (2 Bottle)", "Engine Fire Loop Alert (Good Test)", "Engine Fire Loop Alert (Fire)", "Left Fire Warning Test Failure", "Right Fire Warning Test Failure", "Left Fire Loop B Fault", "Right Fire Loop A Fault", "Left Engine Hot", "Right Engine Hot", "Left Engine Hot Start", "Right Engine Hot Start", "Bird Strike on Takeoff or Landing", "Dual Engine Flameout", "Left TR Fails to Deploy (Ground)", "Right TR Fails to Deploy (Ground)", "Left TR Unlocks", "Right TR Unlocks", "Right TR Switch Miscompare", "Left Engine Alt Control", "Right Engine Alt Control", "Left Engine High TGT", "Right Engine High TGT", "Left Engine High LP RPM", "Right Engine High LP RPM", "Left Engine High LP EVM", "Right Engine High LP EVM", "Left Oil Temperature High, Press Low", "Right Oil Temperature High, Press Low", "Left Oil Pressure Low (Amber)", "Right Oil Pressure Low (Amber)", "Left SAV Fails Open", "Right SAV Fails Open", "Throttle Quadrant 1 Fail", "Throttle Quadrant 2 Fail"],
                fc: ["Elevator HOPS Activation", "Lateral HOPS Activation", "Rudder HOPS Activation", "Jammed Ailerons", "Jammed Spoilers", "Jammed Stabilizer", "Stick Shaker Activation", "Stick Pusher Activation", "Flaps Failed", "Stabilizer Failed", "Flap Asymmetry", "Flap Leak", "FLP/STB Sync Fail", "Uncommanded Stabilizer", "Flap Command Invalid", "AOA Probe 1 Fail", "AOA Probe 2 Fail"],
                fuel: ["Left ALT Pump Fail", "Right ALT Pump Fail", "Left Main Pump Fail", "Right Main Pump Fail", "Fuel Imbalance", "Fuel Tank Temp", "FQMS Maintenance Required"],
                hydraulics: ["Left Hydraulic Quantity Low", "Right Hydraulic Quantity Low", "Left Hydraulic Temperature Sensor Fail", "Right Hydraulic Temperature Sensor Fail", "Left Hydraulic Resevoir Hot", "Right Hydraulic Resevoir Hot", "Left Hydraulic Pump Fail", "Right Hydraulic Pump Fail", "Aux Hydraulic Hot", "Aux Hydraulic Fail", "PTU Hydraulic Fail"],
                misc: ["Left Pitot Port Blocked (ADS 1)", "Right Pitot Port Blocked (ADS 2)", "Standby Pitot Port Blocked (ADS 3)"],
                smoke: ["Aft Equipment Hot", "C AFT Floor Hot", "L AFT Floor Hot", "R AFT Floor Hot", "L Pylon Hot", "R Pylon Hot", "Aft Baggage Smoke", "Right Fire Detection Unit"]
            }

            var Messages = {
                apu: ["APU PWR FAIL", "APU PWR FLT", "APU GEN FAIL", "APU HI OIL TEMP", "APU HOT START", "APU LOSS OVSD PROT", "APU STRTR ENGGD", "APU FIRE", "APU FLS BT CHCK", "APU DR FAIL TO OPEN", "APU NO FLAME", "L FIRE BTL DSCHG"],
                avionics: ["ADS 1 FAIL", "ADS 2 FAIL", "ADS 3 FAIL", "AP 1 FAIL", "AP 2 FAIL", "ATPLTS FAIL", "BRST 1 FAIL", "BRST 2 FAIL", "BRST 3 FAIL", "CCD 1 FAIL", "CCD 2 FAIL", "HDG CMP MNTR", "HDG & RL CMP MNTR", "DSPLY CONTR 1 FAIL", "DSPLY CONTR 2 FAIL", "IRS 1 FAIL", "IRS 2 FAIL", "IRS 3 FAIL", "GLDSLP ANTA FAIL", "MAU 1A FAIL", "MAU 1B FAIL", "MAU 2A FAIL", "MAU 2B FAIL", "MAU 3A FAIL", "MAU 3B FAIL", "MRC 1 FAIL", "MRC 2 FAIL", "GPS DEGRAD", "GPS 1 FAIL", "GPS 2 FAIL", "DU 1 FAIL", "DU 2 FAIL", "DU 3 FAIL", "DU 4 FAIL", "GPS UNABLE RNP"],
                brakes: ["ANTISKID FAIL", "TCHDN PROT FAIL", "PK BRK ACCUM FAIL", "R. OUTBD BRK FAIL", "L. OUTBD TIRE BLOW", "R. OUTBD TIRE BLOW", "BOTH L. TIRES BLOW", "BOTH R. TIRES BLOW", "WHL DESPIN FAIL", "NOS GR NOT UP", "L. MN GR NOT UP", "R. MN GR NOT UP", "L. MN GR NOT DWN", "R. MN GR NOT DWN", "NOSE GR NOT DWN", "L. MN GR DOR OPEN", "NOSE GR DOR OPEN", "LDG GR IND CRCT BK", "LDG GR CNT CRCT BK", "RDDR STR FAIL", "TLLR STR FAIL", "STR BY WR FAIL", "WOW FLT (AMBR)", "WOW FLT (BL)", "LDG GR DNLK PNS INST", "LDG GR DR PNS INST"],
                pneumatics: ["L. AIR COND SYS FAIL", "R. AIR COND SYS FAIL", "L. COOL TURB HOT", "R. COOL TURB HOT", "SEL MAN TEMP CKPT", "SEL MN TMP FWD CBN", "SEL MN TEMP AFT CBN", "L. WNG TEMP HOT", "R. WNG TEMP HOT", "L. WNG TEMP LOW", "R. WNG TEMP LOW", "L. BLD AIR SYS FAIL", "R. BLD AIR SYS FAIL", "L. BLD AIR HOT", "R. BLD AIR HOT", "L. BLD AIR PRESS HI", "R. BLD AIR PRESS LO", "RAPID DEPRESS", "CBN PRESS LO", "OUTFLO FAIL CLSED", "CPCS CTRL FAIL", "CPCS FAIL - MAN", "CPCS LOW AIR FLO"],
                doors: ["RAD DR DETECT OPN", "FWD SW PNL DR OPN", "MN CBN DR OPEN", "AFT WTR DR OPEN", "EXT BAG DR OPEN", "HYD SER DR OPEN", "TAIL COMP DR OPEN", "AFT LAV SER DR OPEN", "FUEL SER DR OPEN", "OXY SER DR OPEN", "PNEU SER DR OPEN", "EXT POWR DR OPEN", "R. ENG CWL DR OPEN", "L. ENG ACCS DR OPEN", "R. ENG ACCS DR OPEN"],
                electrical: ["L. GEN FAIL", "R. GEN FAIL", "L. AC PWR FAIL (RESET)", "L. AC PR FL (NO RESET)", "DC RESET", "HYD MTR GEN FAIL", "HYD MTR GEN FAIL", "L. AC PR FL (SRC FAIL)", "R. AC PR FL (SRC FAIL)", "L. AC PWR FAULT", "R. AC PWR FAULT", "L. ESS DC - BATT", "R. ESS DC - BATT", "L. ESS TRU FAULT", "R. ESS TRU HOT", "L. MAIN TRU HOT", "R. MAIN TRU FAULT", "L. MAIN DC BUS FLT", "R. MAIN DC BUS FLT", "L. BAT CHARG FAIL", "R. BAT CHARG FAIL", "L. BPCU FAL (No Reset)", "BOTH BATTS DRND"],
                engines: ["L. ENG FLAMOUT", "R. ENG FLAMOUT", "L. ENG FIRE (NO EXTIG)", "R. ENG FIRE (NO EXTIG)", "L. ENG FIRE (1 BOT)", "R. ENG FIRE (2 BOT)", "ENG FIR LP ALRT (GOOD)", "ENG FIR LP ALRT (FIRE)", "L. FIR WARN TST FAIL", "R. FIR WARN TST FAIL", "L. FIR LOOP B FAULT", "R. FIR LOOP A FAULT", "L. ENG HOT", "R. ENG HOT", "L. ENG HOT START", "R. ENG HOT START", "BIRD STRIKE", "DUAL ENG FLAMOUT", "L. TR FAILS DPLY (GRD)", "R. TR FAILS DPLY (GRD)", "L. TR UNLOCKS", "R. TR UNLOCKS", "R. TR SWTCH MSCMPRE", "L. ENG ALT CONT", "R. ENG ALT CONT", "L. ENG HIGH TGT", "R. ENG HIGH TGT", "L. ENG HI LP RPM", "R. ENG HI LP RPM", "L. ENG HI LP EVM", "R. ENG HI LP EVM", "L. OIL HI, PRESS LOW", "R. OIL HI, PRESS LOW", "L. OIL PRESS LOW (AMB)", "R. OIL PRESS LOW (AMB)", "L. SAV FAILS OPEN", "R. SAV FAILS OPEN", "THRTLE QUAD 1 FAIL", "THRTLE QUAD 2 FAIL"],
                fc: ["ELEV HOPS ACTVATE", "LAT HOPS ACTVATE", "RUD HOPS ACTVATE", "JMMD AILRNS", "JMMD SPLRS", "JMMD STBLZR", "STK SHKR ACTIVATE", "STK PSHR ACTIVATE", "FLAPS FAIL", "STBLZR FAIL", "FLAPS ASYMTRY", "FLAP LEAK", "FLP/STB SYNC FAIL", "UNCMDED STBLZR", "FLP CMMD INVLD", "AOA PRB 1 FAIL", "AOA PRB 2 FAIL"],
                fuel: ["L. ALT PMP FAIL", "R. ALT PMP FAIL", "L. MAIN PMP FAIL", "R. MAIN PMP FAIL", "FUEL IMBLNCE", "FUEL TNK TEMP", "FQMS MAINT REQD"],
                hydraulics: ["L. HYD QTY LOW", "R. HYD QTY LOW", "L. HYD TEMP SEN FAIL", "R. HYD TEMP SEN FAIL", "L. HYD RESV HOT", "R. HYD RESV HOT", "L. HYD PUMP FAIL", "R. HYD PUMP FAIL", "AUX HYD HOT", "AUX  HYD FAIL", "PTU HYD FAIL"],
                misc: ["L. PITOT PT BLCKD (ADS 1)", "R. PITOT PT BLCKD (ADS 2)", "STBY PITOT PT BLCKD (ADS 3)"],
                smoke: ["AFT EQUIP HOT", "C AFT FLR HOT", "L AFT FLR HOT", "R AFT FLR HOT", "L PYLON HOT", "R PYLON HOT", "AFT BAG SMOKE", "R. FIRE DETCTN UNIT"]
            }

            var alert = Object.keys(Alerts).length;
            var cas = Object.keys(Messages).length;

            for(var i in Alerts){
                $.each(Alerts[i], function(ind, item){
                    $('<p>' +item +'</p>').appendTo('#' +i);
                    $('#' +i +' p').draggable({
                        contain: '#draggable_alerts',
                        cursor: 'point',
                        revert: true
                    })
                })
            }

            for(var i in Messages){
                $.each(Messages[i], function(ind, item){
                    $('<p>' +item +'</p>').appendTo('#' +i +'_cas');
                    $('#' +i +'_cas').droppable({
                        accept: i +'_cas',
                    })
                })
            }
        })

$（函数（）{
var警报={
apu:[“apu电源故障”、“apu电源故障”、“apu发电机故障”、“apu油温高”、“apu热启动”、“apu失去超速保护”、“apu启动器启动”、“apu火灾”、“apu咬合检查失败”、“apu门无法打开”、“apu无火焰”、“左火瓶排放”]，
航空电子设备：[“ADS 1故障”、“ADS 2故障”、“ADS 3故障”、“AP 1故障”、“AP 2故障”、“自动驾驶仪故障”、“气压计1故障”、“气压计2故障”、“气压计3故障”、“CCD 1故障”、“CCD 2故障”、“航向比较监视器”、“航向和滚转比较监视器”、“显示控制器1故障”、“显示控制器2故障”、“IRS 1故障”、“IRS 2故障”、“IRS 3故障”“下滑道天线故障”、“MAU 1A故障”、“MAU 1B故障”、“MAU 2A故障”、“MAU 2B故障”、“MAU 3A故障”、“MAU 3B故障”、“MRC 1故障”、“MRC 2故障”、“GPS降级”、“GPS 1故障”、“GPS 2故障”、“显示单元1故障”、“显示单元2故障”、“显示单元3故障”、“显示单元4故障”、“GPS无法RNP”]，
制动器：[“防滑故障”、“接地保护故障”、“驻车制动蓄能器故障”、“右侧外侧制动器过热”、“左侧外侧主轮胎爆胎”、“右侧外侧主轮胎爆胎”、“左侧主轮胎爆胎”、“右侧主轮胎爆胎”、“车轮倾斜故障”、“前起落架未升起”、“左侧主齿轮未升起”、“右侧主齿轮未升起”，“左主起落架未降下”、“右主起落架未降下”、“前起落架未降下”、“左主起落架门打开”、“前起落架门打开”、“Ldg起落架指示电路Brkr跳闸”、“Ldg起落架控制断路器”、“方向舵转向故障”、“舵柄转向故障”、“线控转向故障”、“Wow故障（琥珀色）”、“Wow故障（蓝色）”、“Ldg起落架下锁销已安装”“，“安装了Ldg齿轮门销”]，
气动：[“左空调系统故障”、“右空调系统故障”、“左冷却涡轮热”、“右冷却涡轮热”、“选择驾驶舱手动温度”、“选择前驾驶舱手动温度”、“选择后驾驶舱手动温度”、“左翼温度热”、“右翼温度热”、“左翼温度低”，“右翼温度低”、“左引气系统故障”、“右引气系统故障”、“左引气热”、“右引气热”、“左引气压力高”、“右引气压力低”、“快速减压”、“座舱压力低”、“排气阀故障关闭”、“CPCS控制面板故障”、“CPCS故障-所选手动”CPCS低空气流量“]，
门：[“检测到天线罩门打开”、“前舱外部开关面板Dr检测到打开”、“主舱门检测到打开”、“后水服务门检测到打开”、“外部行李门检测到打开”、“液压服务门检测到打开”、“尾舱门检测到打开”、“后Lav服务门检测到打开”、“燃油服务门检测到打开”检测到氧气检修门打开”、“检测到气动检修门打开”、“检测到外部电源门打开”、“检测到右发动机下罩打开”、“检测到左发动机检修门打开”、“检测到右发动机检修门打开”]，
电气：[“左侧发电机故障”、“右侧发电机故障”、“左侧交流电源故障（可复位）”、“左侧交流电源故障（不可复位）”、“直流复位”、“L EPS NBP故障”、“液压电机发电机故障”、“左侧交流电源故障（电源故障）”、“右侧交流电源故障（电源故障）”、“左侧交流电源故障”、“右侧交流电源故障”、”左基本直流-电池、“右基本直流-电池”、“左基本TRU故障”、“右基本TRU热”、“左主TRU热”、“右主TRU故障”、“左主直流母线故障”、“右主直流母线故障”、“左电池充电器故障”、“右电池充电器故障”、“L.BPCU故障（不可重置）”、“两个电池均耗尽”]，
发动机：[“左发动机熄火”、“右发动机熄火”、“左发动机着火（不可扑灭）”、“Rt发动机着火（不可扑灭）”、“左发动机着火（1瓶）”、“右发动机着火（2瓶）”、“发动机着火环路警报（良好测试）”、“发动机着火环路警报（着火）”、“左发动机着火警报测试失败”、“右发动机着火警报测试失败”左点火回路B故障、“右点火回路A故障”、“左发动机热”、“右发动机热”、“左发动机热启动”、“右发动机热启动”、“起飞或着陆时鸟击”、“双发动机熄火”、“左TR未展开（地面）”、“右TR未展开（地面）”、“左TR解锁”、“右TR解锁”、“右TR开关误配合”、“左发动机高度控制”、“右发动机高度控制”、“左发动机高TGT”、“右发动机高TGT”、“左发动机高LP RPM”、“钻机