Compatibilidad navegadores

[josepinzon_12]

Buenas noches,

Estoy desarrollando un proyecto en edge animate donde utilizo código javascript y biblioteca de jquery-1.10.2 , jquery -ui-1.10.4.custom.js ,jquery -ui-1.10.4.custom.min.js , en el cual al momento de realizar la visualización del drag and drop solo funciona correctamente en algunos navegadores.A continuación adjunto el código.

(function($, Edge, compId){
var Composition = Edge.Composition, Symbol = Edge.Symbol; // los alias más comunes para las clases de Edge


//Edge symbol: 'stage'
(function(symbolName) {
var k=0;
var uno = new Audio('media/uno.mp3');
var dos = new Audio('media/dos.mp3');
var tres = new Audio('media/tres.mp3');
var cuatro = new Audio('media/cuatro.mp3');
var cinco = new Audio('media/cinco.mp3');
var seis = new Audio('media/seis.mp3');
var siete = new Audio('media/siete.mp3');
var ocho = new Audio('media/ocho.mp3');

function dropEvent(sym,event, ui){
k++;
ui.draggable.draggable( 'disable' );


if(k==1){
uno.play();
} else if(k==2){
dos.play();

}
else if(k==3){
tres.play();

}
else if(k==4){
cuatro.play();

}
else if(k==5){
cinco.play();

}
else if(k==6){
seis.play();

}
else if(k==7){
siete.play();

}
else {
ocho.play();
setTimeout(function(){ sym.getSymbol('reward').play('star');
sym.$('reward').show();
sym.$('resetBtn').show(); },1000);
}
}



Symbol.bindElementAction(compId, symbolName, "document", "compositionReady", function(sym, e) {
sym.getSymbol('reward').stop();
sym.getSymbol("abuela").stop();
sym.getSymbol("pulpo").stop();
sym.getSymbol("estrella").stop();
sym.getSymbol("caballo").stop();
sym.getSymbol("pez").stop();
sym.getSymbol("cangrejo").stop();
sym.getSymbol("pez").stop();
sym.getSymbol("ballena").stop();

sym.$('reward').hide();
sym.$('resetBtn').hide();

sym.$('resetBtn').click(function(){
window.location.reload()
});

});
//Edge binding end



Symbol.bindElementAction(compId, symbolName, "${abuela}", "mouseover", function(sym, e) {
// introducir código que se ejecute cuando se sitúe el ratón sobre el objeto
sym.$('abuela').draggable({
revert: 'invalid'
});
sym.$('animales').droppable({
accept: sym.$('abuela'),
drop: function(event, ui){
dropEvent(sym,event, ui);

}
});

});
//Edge binding end

Symbol.bindElementAction(compId, symbolName, "${estrella}", "mouseover", function(sym, e) {
// introducir código que se ejecute cuando se sitúe el ratón sobre el objeto
sym.$('estrella').draggable({
revert: 'invalid'
});
sym.$('animales').droppable({
accept: sym.$('estrella'),
drop: function(event, ui){
dropEvent(sym,event, ui);

}
});

});
//Edge binding end

Symbol.bindElementAction(compId, symbolName, "${pulpo}", "mouseover", function(sym, e) {
// introducir código que se ejecute cuando se sitúe el ratón sobre el objeto
sym.$('pulpo').draggable({
revert: 'invalid'
});
sym.$('animales').droppable({
accept: sym.$('pulpo'),
drop: function(event, ui){
dropEvent(sym,event, ui);

}
});