jquery boîte de dialogue remplacer le bouton de fermeture de l'icône

Je veux modifier la valeur par défaut icône de fermeture bouton jquery dans le Dialogue.

J'ai essayé d'ajouter cette classe css de jquery-ui-1.8.23.la coutume.css:

.ui-icon-myCloseButton { background-image: url(/path/image.png); }

et dans la boîte de Dialogue Définitions:

$('#documentsDialog').dialog({
   create: function(event,ui) {
           var widget = $(this).dialog("widget");
           $(".ui-dialog-titlebar-close span",widget).removeClass("ui-icon-closethick").addClass(".ui-icon-myCloseButton");

});

mais pas de chance, une idée?

Repéré une erreur de syntaxe, retirez le . de addClass(".ui-icon-myCloseButton"); : addClass("ui-icon-myCloseButton"); Il faudra encore ajouter la classe, mais je crois qu'il va l'ajouter comme: class=".ui-icon-myCloseButton" au lieu de class="ui-icon-myCloseButton"
l'ajout d'un". " dans addClass() la méthode toujours pas résoudre le problème. l'icône qui apparaît est le premier-celui de l'interface utilisateur-icons_888888_256*240.fichier png à partir de custo Jquery CSS du thème
vérifiez @Adrian réponse. C'était juste quelque chose que j'ai repéré alors que la recherche de la réponse et Adrian me battre pour elle.

OriginalL'auteur Bruno Mósca | 2012-10-31

  1. 9

    Vous venez de vous manque une accolade fermante:

    $('#documentsDialog').dialog({
    create: function(event, ui) {
        var widget = $(this).dialog("widget");
        $(".ui-dialog-titlebar-close span", widget).removeClass("ui-icon-closethick").addClass("ui-icon-myCloseButton");
    }
});​

    Mais, le plus important, votre css de la classe doit être déclarée comme suit:

    .ui-icon.ui-icon-myCloseButton{
    background-image: url(https://www.goldbroker.com/pages/images/close.png);
}​

    Le truc, c'est que la définition .ui-icon est primordial de votre image personnalisée. Lorsque vous redéfinir à l'aide de la css ci-dessus, il marche.

    Ici, un violon: http://jsfiddle.net/adrianonantua/FuWsK/2/

    désolé, j'ai eu le support, mais je suis en train de travailler sur un ordinateur distant qui ne peuvent pas permis de copier-coller le code, puis-je coller le code manuellement et j'ai oublié le support.
    J'ai mis à jour ma réponse entièrement une solution de travail, veuillez vérifier
    J'ai déclaré la classe comme ci-dessus, mais rien ne se passe. voici mon css: "/* Icônes ----------------------------------/ / états et des images / .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-icon .ui-icon-myCloseButton { background-image: url(images/quadrado_Fechar.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } ... / positionnement */ .ui-icon-myCloseButton { background-position: 0 0; } .ui-icon-carat-1-n { background-position: 0 0; } ..."
    désolé pour la mise en forme du texte mais je ne sais pas comment puis-je éliminer le texte correctement dans l'onglet commentaire
    Avez-vous testé le violon?

    OriginalL'auteur Adrian Carneiro