GWT-запрос - вложенное перетаскиваемым распространение

Question

Я написал следующий код:

HorizontalPanel draggable = new HorizontalPanel(); 
Function startDragParent = new Function() { 
    @Override 
    public boolean f (Event e) { 
    // some code here... 
    return false; 
} 
}; 
Function dragParent = new Function() { 
    @Override 
    public boolean f (Event e) { 
    // some code here... 
    return false; 
} 
}; 
Function stopDragParent = new Function() { 
    @Override 
    public boolean f (Event e) { 
    // some code here... 
    return false; 
} 
}; 
$(draggable).as(Ui).draggable() 
    .bind(Draggable.Event.start, startDragParent); 
    .bind(Draggable.Event.drag, dragParent); 
    .bind(Draggable.Event.stop, stopDragParent); 

HorizontalPanel childDraggable = new HorizontalPanel(); 
Function dragChild = new Function() { 
    @Override 
    public boolean f (Event e) { 
    // some code here... 
    return false; 
} 
}; 
$(childDraggable).as(Ui).draggable().bind(Draggable.Event.drag, dragChild); 

// finally I add one element inside another 
draggable.add(childDraggable); 

Моих проблемы начинаются, когда я начинаю перетаскивание внутреннего элемента вокруг, а затем перетаскивать (родитель childDraggable) перетаскивайте тоже (только в IE8 и, я думаю, в предыдущих версиях). Я бы хотел предотвратить такое распространение событий, то есть я хотел бы перетащить innerElement, не перетаскивая его родительский элемент.

Я tryied stopPropagation и preventDefault но это не было хорошо. Помощь была бы оценена.

Заранее спасибо.

Answer 1

stopPropagation не работает в IE, вы должны использовать что-то вроде cancelBubble следующим образом:

function stop(e) { 
    // feature check (in IE this will be undefined) 
    if (e.stopPropagation) { 
     // standards compliant browser 
     e.stopPropagation(); 
    } else { 
     // dreadful IE 
     e.cancelBubble = true; 
    } 
}