2012-04-15 9 views
10

Điều này có vẻ giống như một "phải có" hình thức đầu vào cho một khung ui di động, nhưng jQuery Mobile dường như không có một.Có ai đã triển khai jQuery Mobile Add (+/-) Số lần tăng số nút không?

Có ai đã triển khai đầu vào mẫu số Spinner đẹp hơn hoạt động tốt với các biểu mẫu nhập dữ liệu di động khác không?

Something như thế này:

enter image description here

+0

Tôi đang tìm kiếm tương tự ... Bạn đã tìm thấy một cái gì đó giống như hình trên chưa? Điều khiển số "JQM" không phải là rất thân thiện với ngón tay. – chris

Trả lời

10

lẽ tốt sau khi thực tế, nhưng: http://dev.jtsage.com/jQM-Spinbox/ - dựa khá nhiều vào những gì bạn thấy ở trên, tôn trọng themeing jQM, min/giá trị tối đa.

+0

Làm tốt lắm! Bạn đã thực hiện việc này gần đây chưa? Tôi không thể tìm thấy nó từ trang chủ của bạn. –

+0

Vâng, ngày hôm qua thực sự. Tôi cần một plugin đơn giản hơn cho một howto tôi đang làm việc, điều này dường như giết hai con chim. (http://dev.jtsage.com/jQM-Plugin/ fwiw. Vẫn còn hơi gồ ghề ở những nơi) –

+0

Tôi đã hỏi trên diễn đàn của bạn, nhưng tôi nghĩ rằng tôi sẽ yêu cầu ở đây để được an toàn, có một cách dễ dàng để làm cho nó ngăn xếp theo chiều dọc? –

1

Không chỉ thanh trượt đầu vào cho đến nay.

3

Không hoàn toàn giống nhau nhưng input với type="number" sẽ cung cấp cho bạn trường nhập liệu có hai nút nhỏ ở bên phải (tăng & xuống).

Bạn có thể kiểm tra xem here.

+0

Điều đó dường như không hoạt động trên RhoMobile. – Martlark

+0

Trên thiết bị di động, nó không cung cấp cho bạn hai mũi tên. – marlar

0
<i onclick="qty('plus');" class="fa fa-plus c_pointer"></i> 
<input type="text" id="prdqty" name="qty" value="1" placeholder="1"> 
<i onclick="qty('minus');" class="fa fa-minus c_pointer"></i> 



function qty(val){ 
pqty = $('#prdqty').val(); 
if (val == "plus") { 
     var newVal = parseFloat(pqty) + 1; 
    } else { 
    if (pqty > 1) { 
     var newVal = parseFloat(pqty) - 1; 
    } else { 
     newVal = 1; 
    } 
} 
$('#prdqty').val(newVal); 
}