jquery ui Portlet: effet incorrect sur le survol (ui-state-hover)

J’utilise Portlet de jquery ui Sortable Demo . J’essaie de définir le survol sur ui-icon-minusthick en ajoutant la classe ui-state-hover . Mais les résultats sont inattendus. J’espérais obtenir un rectangle en survol, comme pour les boutons de l’interface utilisateur, mais il affiche un rectangle avec un arrière-plan étrange.

JSFIDDLE: http://jsfiddle.net/bababalcksheep/ugnFw/

HTML:

 
 
  Links 
 
Data Content
  

CSS:

• ne peut pas cliquer sur les éléments renvoyés par une autre page en utilisant ajax – $ (document) .on ne fonctionne pas
• jQuery: pourquoi cette alerte ne déclenche-t-elle pas?
• Image scintillante avec la fonction setInterval ()
• Django: mettre à jour un seul champ dans un modèle existant avec forms.py
• animer chaque enfant jquery

 .portlet{margin:0 1em 1em 0} .portlet-header{padding-bottom:4px;padding-left:.2em;margin:.3em} .portlet-header .ui-icon{float:right;margin-right:10px} .portlet-content{padding:.4em} 

JS:

 $(".portlet-header .ui-icon").hover( function () { $(this).addClass('ui-state-hover'); }, function () { $(this).removeClass('ui-state-hover'); }); 

• L’appel jQuery AJAX fonctionne dans Firefox mais pas dans IE – réponse valide renvoyée
• Symfony 1.4: Comment récupérer la valeur sélectionnée avec la fonction d’AJAX dans select depend?
• Charger IFRAME onClick
• afficher un message javascript pendant le calcul
• JQuery Emballe le premier nombre N d’éléments dans un nouvel élément et le rest N dans un autre nouvel élément à l’aide de Slice

 
 
    Links 
 
Data Content