为什么Kendo Draggable和Kendo DropTarget只在某些时候工作/

时间:2013-02-06 15:34:07

标签: jquery draggable kendo-ui droptarget

我已经能够让它工作,但只有部分时间 - 如在一些拖动中将注册,但其他人将滑回到原始位置而不起作用。这样就被剥夺了,因为我无法工作:

<div>
    <div id="drop" style="border: solid 1px green; ">
        bla<br />bla<br />bla<br />bla<br />bla<br />
    </div>
    <ul>
        <li id="t5" style="border:solid 1px red;">T5</li>
    </ul>
</div>

<script type="text/javascript">
    $(function () {
        $('#t5').kendoDraggable({
            hint: function (e) {
                return e.clone();
            }
        });

        $('div#drop').kendoDropTarget({
            drop: function (e) { console.log(e); }
        });
    });
</script>

这样,drop就不会注册(没有记录任何内容),但是如果我只是将'div#drop'改为'body'(所以它会抓住所有东西),那么drop就会记录下来。我不明白的是什么?除了jquery 1.8.2引用和kendo之外,我在此测试页上没有别的。谢谢。

1 个答案:

答案 0 :(得分:0)

我在demo中尝试了您的代码,但它按预期工作。您正在测试哪些浏览器?

我有一个理论认为这可能会发生,因为您的可拖动是li,只能插入ul。您可以尝试以下修改:

    $('#t5').kendoDraggable({
        hint: function (e) {
            var ul = $("<ul/>");
            ul.append(e.clone());
            return ul;
        }
    });