Làm cách nào để thêm Điểm đánh dấu vào Thanh trượt giao diện người dùng jQuery?

Question

Tôi có một thanh trượt jQuery UI đơn giản có phạm vi số từ 25 đến 35. Nó hoạt động tốt và giá trị mặc định là 28. Tôi hy vọng sẽ thêm dấu tick đơn giản vào thanh trượt để cho biết rằng 28 là vị trí mặc định Là. Có cách nào đơn giản để thêm chỉ số?

$('#cycle_length').slider({ 
    range: "min", 
    value: 28, 
    min: 25, 
    max: 35, 
    step: 1, 
    slide: function(event, ui) { 
    $("#amount").val(ui.value); 
    } 
}); 
$("#amount").val($("#cycle_length").slider("value")); 

Answer 1

Tôi tìm thấy một thi vĩ đại của jQuery UI thanh trượt ở đây:

http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/

Nó được gọi là plugin selectToSlider và cho phép các vị trí của dấu tick trong suốt trượt cũng như khả năng thêm nhãn và chú giải công cụ.

Answer 2

kiểm tra ra việc thực hiện tại địa chỉ: http://jsbin.com/iwime

nguyên tắc là khá dễ dàng, bạn chỉ định ve của bạn và sau đó bạn đặt chúng bên trong thanh trượt tại gia, xác định vị trí trong%, vì vậy nếu bạn có 10 ve, bạn sẽ đặt chúng ở 0%, 10%, 20%, 30% .... 90%

Bạn cũng có thể tạo danh sách các dấu tự động từ phút và tối đa, biết bạn muốn bọ ve ở khoảng thời gian nào.