problème Jquery BlockUI sur onclick

Question

je ce code dans mon fichier js

function blockUI() { 
    $.blockUI({ css: { 
     border: 'none', 
     padding: '15px', 
     backgroundColor: '#000', 
     '-webkit-border-radius': '10px', 
     '-moz-border-radius': '10px', 
     opacity: .5, 
     color: '#fff' 
    } 
    }); 
    setTimeout($.unblockUI, 2000); 
} 

quand je suis en train de bloquer l'interface utilisateur sur le bouton Soumettre cliquez sur Je fais soemthing comme ça

<input type="submit" value="Save" onclick="javascript:blockUI();" class="t-grid-action t-button t-state-default" /> 

mais mon oncick ça ne marche pas pour moi? quelqu'un peut-il me dire quel est le problème?

grâce

Answer 1

Assurez-vous que votre fichier js est correctement référencé à partir de votre fichier html. Pouvez-vous appeler d'autres fonctions js d'ici? Vous pouvez également utiliser Firebug pour voir si le fichier js a été chargé. Si c'est le cas, définissez un point d'arrêt dans votre fonction pour vous assurer qu'il a été exécuté. Comme vous l'avez mentionné, vous pouvez retourner false, en fonction de ce que vous voulez que votre bouton d'envoi fasse après l'appel de blockUI(), mais vous devriez retourner false après votre appel de fonction, pas pendant le corps de la fonction.

Enfin, pourquoi appelez-vous cela en ligne? jQuery a été conçu pour UJS. Vous devriez avoir des balises de script dans votre fichier html qui contiennent du code jQuery:

$(document).ready(function() { 
    $('.submit').click(function() { 
    blockUI(); 
    return false; 
    }); 
}); 

Answer 2

vous devez ajouter return false; à la fin de votre fonction pour éviter que votre forme de poster