간단한 jQuery UI 끌어서 놓기 예제

Question

"draggable"로 분류 된 각 목록 항목을 드래그하여 #content div에 드롭 할 수있게하려고합니다. 그러나 첫 번째 문제는 클릭 처리기에 대한 알림이 표시되지 않는다는 것입니다. 내가 뭘 놓치고 있니?

<script type="text/javascript" src="<?php echo plugins_url('', __FILE__)?>/jquery-ui.js"></script> 
<script type="text/javascript"> 
    jQuery('.draggable').click 
    (
     function() 
     { 
      alert('clicked'); //DOES NOT FIRE 
      jQuery(this).draggable(); 
      jQuery("#content").droppable 
      ({ 
       drop: function(event, ui) 
       { 
        //drop/paste jQuery(this).text(); 
       } 
      }); 
     }); 
</script> 

<ul class="keywords"> 
    <li class="draggable" id="kw-1">keyword one</li> 
    <li class="draggable" id="kw-2">keyword two</li> 
    <li class="draggable" id="kw-3">keyword three</li> 
</ul> 

Answer 1

jquery가 올바르게로드되었는지 확인할 수 있습니까? 스크립트는 jquery-ui.js를로드 중임을 보여줍니다.

그렇지 않으면 jquery와 jquery-ui가로드 될 때 코드가 작동합니다.