从工具提示拖放图标

Question

我遇到了问题，这让我烦恼。我希望有人能帮助我。

请想象我有图标，名为通讯。点击该图标，我应该得到一个工具提示（应该保持打开状态，直到我点击外面或相同的通信图标）

因此，工具提示应该包含其他一些图标，例如手机，电子邮件，亲自图标，我应该能够拖放它们在另一个div元素中。

请注意，不应删除通讯的工具提示中的图标。

以下是我找到并修改过的示例。

    $(function() {
        $( document ).tooltip({
            items: "input",
            content: function() {
                return $('.myPopover').html();
            },
            position: {
                my: "center bottom-20",
                at: "center top",
                using: function( position, feedback ) {
                    $( this ).css( position );
                    $( "<div>" )
                            .addClass( "arrow" )
                            .addClass( feedback.vertical )
                            .addClass( feedback.horizontal )
                            .appendTo( this );
                }
            }
        });

        $('.fireTip').click(function () {
            if(!$(this).hasClass('open')) {
                $('#age').trigger('mouseover');
                $(this).addClass('open');
            } else {
                $('#age').trigger('mouseout');
                $(this).removeClass('open');
            }

        })

    });

http://jsfiddle.net/AK7pv/961/

我实际上期待类似于这个例子，但是我希望图标不是列表标签，而是要串联排列，它应该可以拖放到其他div元素。

请帮助我，无论这是否可行。我们可以使用 Jquery，Javascript，Kendo UI 来执行此操作。