простой пример перетаскивания пользовательского интерфейса jQuery

Question

Я пытаюсь разрешить перетаскивание каждого из элементов списка, относящихся к категории "перетаскиваемый", для включения в #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.