Jquery hoverClass不在Dragable上工作

Jquery hoverClass不在Dragable上工作,jquery,jquery-ui,marionette,Jquery,Jquery Ui,Marionette,我有一个带onRender方法的木偶合成视图: onRender: function () { this.$el.droppable({ hoverClass: "ui-state-hover", drop: function (event, ui) { MyApp.vent.trigger("add:products"); }); } css样式定义为: .ui-state-hover { background: gr

我有一个带onRender方法的木偶合成视图:

onRender: function () { 
    this.$el.droppable({
        hoverClass: "ui-state-hover",
        drop: function (event, ui) {
        MyApp.vent.trigger("add:products");
    });
}
css样式定义为:

.ui-state-hover {
    background: green !important;
}
当选择拖动到可拖放元素上时,该元素应变为绿色。这在我的应用程序中没有发生

我确实有一把小提琴,但不知道为什么它在我的应用程序中不起作用

尝试更改:

$(this).ready(function(){
致:


jsFiddle
中的
$(此)
之后的第一行中,请参考
$(文档)
,但可能不在您的应用程序中。

感谢您指出这一点。它不整洁。我把小提琴修好了。应用程序实际上使用区域通过从RequireJS块中调用的应用程序初始值设定项中的代码将视图添加到页面中。
$(document).ready(function(){