jquery ui droppable 在页面加载时触发所有事件

Question

我有两个可放置元素和两个可拖动元素 在文档准备就绪时，所有可放置的事件都会触发。 之后，当将元素拖到可放置元素上时，不会触发可放置事件

虽然我还没有真正测试过可拖动事件，但它们看起来还不错，我一直专注于 droppable 的奇怪行为。

代码：

$(document).ready(function() {


$("#sectionDZ").droppable({
    scope:          "subject",
        activate:   alert("Droppable activate event fired"),
        create:     alert("Droppable create event fired"),
        deactivate: alert("Droppable deactivate event fired"),
        drop:       alert("Droppable drop event fired"),
        out:        alert("Droppable out event fired"),
        over:       alert("Droppable over event fired"),
        accept:     "sectnLI",
            });

$(".sectnLI").draggable({
    cursor:         "crosshair",
    delay:          "300",
    helper:         'clone',
    opacity:        "0.65",
    placeholder:        'ui-state-highlight',
    revert:         "invalid",
    scope:          "subject",
    stop:       function (event, ui) {
        alert("Drag stop event has fired");
//      $(this).draggable("destroy");
        }
    });  //  Allow more than one item to be dragged


$("#judgeDZ").droppable({
        activate:   alert("Droppable 2 activate event fired"),
        create:     alert("Droppable 2 create event fired"),
        deactivate: alert("Droppable 2 deactivate event fired"),
        drop:       alert("Droppable drop event fired"),
        out:        alert("Droppable 2 out event fired"),
        over:       alert("Droppable 2 over event fired"),
        scope:      "judge",
        accept:     "judgLI",
            });

$(".judgLI").draggable({
    cursor:         "crosshair",
    delay:          "300",
    helper:         'clone',
    opacity:        "0.65",
    placeholder:        'ui-state-highlight',
    revert:         "invalid",
    scope:          "subject",
    stop:       function (event, ui) {
        alert("Drag stop event has fired");
//      $(this).draggable("destroy");
        }
    });  //  Allow more than one item to be dragged


});

这是在它自己的文件中，还有另一个包含 ui 选项卡和对话框代码的 .js 文件。 感谢您对此的任何帮助。

Answer 1

我通过删除文件并将代码重写到另一个名称不同的文件中解决了这个问题。文件中一定有一个非打印字符。