webentwicklung-frage-antwort-db.com.de

Anpassen von Höhe und Breite des jQuery-UI-Schiebereglers

Wenn Sie die Höhe/Breite des jQuery-UI-Schiebereglers (und des Ziehpunkts) anpassen, wird der Ziehpunkt jetzt zu weit nach links verschoben (außerhalb des Schiebereglers). Gibt es eine empfohlene Vorgehensweise?

Hier ist eine Fiedel, um dir zu zeigen, was ich meine: http://jsfiddle.net/w7A4k/

Ich habe in der API-Dokumentation dazu nichts gesehen und verwende ein sehr einfaches Setup:

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

Die Einheitengröße des JQuery-UI-Schiebereglers ist in em angegeben. Daher ist die Größe des Schiebereglers relativ zur Schriftgröße.

  • Ändern Sie die Schriftgröße des Schiebereglers div, um die Größe des Schiebereglers HEIGHT zu ändern.
  • Ändern Sie die Containerbreite des Schiebereglers, um die Breite des Schiebereglers festzulegen.
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