Bug JQuery disable e Internet Explorer – Soluzione Problema relativo a un bug di Internet Explorer utilizzando la funziona disabled() di JQuery.

Pubblicato da lentux-informatica il

  •  
  •  
  •  
  •  
  •  

Soluzione a un classico bug JQuery disable con Internet Explorer.

Per chi utilizza javascript o il framework JQuery sa che per disabilitare elementi all’interno di una pagina si usano i classici comandi:

$("#div_element").prop( "disabled", true );
oppure:
$("#div_element").attr( "disabled", true );

Tutto ciò funziona benissimo sia con firefox che con Chrome, cosa che non accade invece con Internet Explorer.
Facendo ricerche su internet per cercare di risolvere il problema ho trovato che è proprio un Bug di internet explorer che fa si che alcuni elementi (nel mio caso div) vengano si mostrati in maniera da sembrare disabilitati, ma effettivamente se si clicca col mouse questi elementi sono attivi.
L’unica soluzione tra tutte quelle che ho provato, e quindi l’unica funzionante è questa, che tramite una sola riga di codice risolve il problema su Explorer e logicamente funziona bene su tutti gli altri browser.




$("#div_element").css({"pointer-events":"none"});

Quindi basterà sostituire  .attr("disabled",true), ossia il classico comando per disabilitare elementi con tutto ciò evidenziato il rosso nella riga precedente.

Problema risolto.....


  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •