Jquery ui 简单jqueryui拖放示例

我正在尝试将每个分类为“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>

---

能否检查jquery是否正确加载？您的脚本仅显示您正在加载jquery-ui.js

否则，当jquery和jQueryUI都加载时，您的代码就会工作。
我使用的是WordPress enqueue>wp_enqueue_脚本（“jquery”）；我想我有一个物体碰撞的问题。谢谢你的帮助。没问题，希望你能找到冲突问题。