web-dev-qa-db-fra.com

Personnalisation de la hauteur et de la largeur du curseur de l'interface utilisateur jQuery

Lors de la personnalisation de la hauteur/largeur du curseur de l’interface utilisateur jQuery (et de la poignée), le curseur glissera désormais trop à gauche (en dehors du curseur). Y a-t-il une façon recommandée de procéder?

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

Je n'ai rien vu dans la Documentation API pour cela, et j'utilise une configuration très basique:

$("#slider").slider({
    orientation: "horizontal",
    max: 100,
    min: 0
});
jquerycssjquery-uislider
9
lhan

La taille des unités du curseur de l'interface utilisateur JQuery est en em. Par conséquent, la taille du curseur est relative à la taille de la police.

  • Modifiez la taille de la police du curseur div pour gérer le curseur HEIGHT.
  • Modifiez la largeur du conteneur du curseur pour gérer le curseur WIDTH.
0
Rashid
$(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
Ahsan