9
votes

Personnalisation de la hauteur et de la largeur du curseur JQuery UI

Lors de la personnalisation de la hauteur / de la largeur du curseur UI de jQuery UI (et de la poignée), la poignée glissera désormais trop loin (hors du curseur). Y a-t-il une façon recommandée de faire cela?

Voici un violon pour vous montrer ce que je veux dire: http://jsfiddle.net/w7a4k /

Je n'ai rien vu dans le Documentation API pour cela, et je 'M Utilisation d'une configuration très basique: xxx


0 commentaires

3 Réponses :


15
votes

Essayez

Fiddle Demo xxx

Pour mettre le curseur à l'intérieur de la barre Ajouter Padding-gauche: 5PX;


2 commentaires

@ Lhan16 Bienvenue heureux d'aider :)


Votre exemple va à gauche beaucoup plus qu'à la droite (pour une largeur de la poignée entière)



1
votes

Taille de l'unité du curseur UI de jQuery est dans em . Par conséquent, la taille du curseur est relative à sa taille de police.

  • Modifiez la taille de la police du curseur div en manipulant la hauteur du curseur.
  • Modifiez la largeur du conteneur de curseur pour poignarder la largeur du curseur.

0 commentaires

0
votes
$(document).ready(function() {   
    function home_page_banner_height(selector) {   
        var wind_widht = $( window ).width();   
        var req_height = ( (banner_height / banner_width) * 100 );   
        //banner_height is height of item div of carousel and banner_width is width of item div of caousel 

        var calculate_height = (wind_widht / 100) * req_height;
        $('.v_center_con .v_center_inner').height(calculate_height);     
        $(selector).height(calculate_height);     
    }

    home_page_banner_height('.banner_con .item');     

    $(window).resize(function() {     
        home_page_banner_height('.banner_con .item');           
        //this function will make your slider responsive for all screen sizes
    });
});

0 commentaires