javascript - remove - jquery set attribute tag




jquery attende il cursore durante il caricamento di html in div (6)

Penso che la cosa migliore sia impostare nel file css

body.wait *, body.wait {
cursor:wait !important;
}

e aggiungi / rimuovi l'attesa di classe nel corpo

questo metodo sovrascrive tutti i cursori in input, collegamenti, ecc.

Voglio mostrare all'utente uno stato che il risultato sta caricando. Come posso cambiare cursore o gif mentre carico il risultato in div con $ MyDiv.load ("page.php")?


  1. Inizializza l'immagine di caricamento non visibile.
  2. Cambia lo stile in visibile quando inizi a caricare.
  3. Cambia lo stile in non visibile quando il caricamento è terminato utilizzando un argomento di callback per caricare ().

Esempio:

 $("#loadImage").show();
 $("#MyDiv").load("page.php", {limit: 25}, function(){
   $("#loadImage").hide();
 });

Ad esempio, se vuoi mostrare un'immagine più grande al passaggio del mouse su una miniatura

//Hovered image
    $("a.preview").hover(function(e) {
            var aprev = this;
            //Show progress cursor while loading image
            $(aprev).css("cursor", "progress");
    //#imgpreview is the <div> to be loaded on hover
    $("#imgpreview").load(function() {           
                $(aprev).css("cursor", "default");
            });
    }

$("*").css("cursor", "progress") funzionerà indipendentemente dalla pagina sulla quale stai puntando. In questo modo non devi spostare il cursore per vederlo attivato.


Penso davvero che sia una soluzione migliore per usare solo una classe nell'elemento del corpo

  $('body').addClass('cursorProgress');

E quando vuoi mantenerlo com'era prima:

  $('body').removeClass('cursorProgress');

e nel tuo file css metti qualcosa del genere:

body.cursorProgress {
  cursor: progress;
}

Quindi con questa soluzione non stai ignorando i valori predefiniti o le modifiche apportate agli stili del cursore, e il secondo vantaggio è che hai la possibilità di aggiungere l'importante nel tuo css.

body.cursorProgress {
  cursor: progress !important;
}

Dai un'occhiata alla mia soluzione, copre tutti gli elementi, non solo il tag del corpo: https://.com/a/26183551/1895428





dom