J'utilise plusieurs thèmes UI sur une page. Je crée un thème personnalisé avec une portée CSS , indique #cope . J'utilise un champ DatePicker dans la portée permettant de dire #scope entrée # datePicker . Le champ DatePicker n'obtient pas CSS styles du thème UI. Je suppose que c'est parce qu'il est créé de manière dynamique en dehors de #scope , comment puis-je modifier cela et comment peut-on obtenir des styles de Scoped.
3 Réponses :
Je me souviens avoir le même problème, vérifiez le style défini en général tel que span , il peut se chevaucher avec UI styles.
@bkilinc, vous êtes correct. Le calendrier DatePicker est annexé au document.Body, en dehors de votre portée personnalisée.
http: // bugs. jqueryui.com/ticket/4591 http://bugs.jqueriUI.com/ticket/4306
Structure comme ci-après, le calendrier est en dehors de la portée du conteneur.
J'ai résolu ce problème avec l'ajout d'un wrapper div en code.
$(document).ready(function(){
$("#ui-datepicker-div").wrap('<div class="ui-layout-center" />');
});
Juste pour clarifier le "Centre de l'UI-PaysOut", votre classe CSS personnalisée est-ce correcte? J'essaierais personnellement d'éviter d'utiliser le même ui- préfixe que celui utilisé dans le reste de l'interface utilisateur JQuery pour éviter les possibles collisions de noms dans les futures versions.