简单的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都被加载时，你的代码就会起作用。