単純な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の両方がロードされたときにコードが機能します。