2010-07-21 16 views
5

J'ai 4 boutons utilisant la fonction "bouton" de Jquery UI. 3 fonctionnent parfaitement. la 4e ne semble pas vouloir toujours appliquer la classe de hover de jquery ui "ui-state-hover" quand elle est planée. Il le fait la plupart du temps, mais la plupart du temps, il n'applique qu'une classe "hover" (je la regarde dans firebug) et cela ne correspond évidemment pas à leurs styles css. Est-ce que quelqu'un a une idée de ce que le diable pourrait causer l'écart?jquery Boutons de l'interface utilisateur incohérents état de la station d'accueil

EDIT: Je pense qu'il s'agit d'un conflit entre le bouton de l'interface utilisateur et Ajax Uploader. Voici un code réduit que j'utilise.

$('.upload_img').button({ 
    icons: { 
     primary: 'ui-icon-folder-open' 
    }, 
    label: "Browse" 
    }) 





    jQuery('.upload_img').each(function(){ 

    var button = jQuery(this); 
    var ID = jQuery(this).attr('value'); 
    var container = jQuery(this).parent(); 

    //prevent the clicks from its default 'form submit' behavior 
    $(this).click(function() { 
    return false; 
    });    

    new AjaxUpload(button, { 
     action: ajaxurl, 
     name: ID , // File upload name 
     data: { // Additional data to send 
      action: 'save_function', 
      type: 'upload', 
      _nonce: '<?php echo $nonce; ?>', 
      key: ID }, 
     onSubmit: function(file , ext){ 
      this.disable(); // If you want to allow uploading only 1 file at time, you can disable upload button 

     }, 
     onComplete: function(file, response) { 
      this.enable(); // re-enable upload button 

      if(response == 99){ 
       //alert(response); 
       show_message(5); // failure 
       t = setTimeout('fade_message()', 2000); 
      } 
      // If there was not an error 
      else{ 

       show_message(4); // success 
       t = setTimeout('fade_message()', 2000); 

       } 
     } 
    }); 




    }); 
+0

J'ai vu cela aussi, surtout après que vous les avez désactivés/activés – redsquare

+1

hmmm cela pourrait être. mon bouton est pour un téléchargement de fichier (en utilisant ajaxuploader) et il est désactivé et désactivé par ce plugin. essayé de se débarrasser des choses invalidantes, mais pas de chance pour le moment. pourrait juste être un cas des deux plugins ne jouant pas le long. – helgatheviking

+0

Pouvez-vous montrer un code minimal qui présente cela? –

Répondre

0

Avez-vous essayé de refixer le .button sur .upload_img une fois que vous réactiviez?