2017-06-29 21 views
0

任何人都可以幫助我創建一個按鈕組。如果組中有多個X按鈕,它應該有一個左箭頭和右箭頭來滾動瀏覽所有按鈕而不顯示那些一次。最後,它應該是這個樣子:Javascript/Jquery中的可滾動按鈕組

https://i.stack.imgur.com/FQXLE.jpg

我已經嘗試過這種創建按鈕組:

<div class="btn-group"> 
     <a class="button btn-days">Monday</a> 
     <a class="button btn-days">Tuesday</a> 
     <a class="button btn-days">Wednesday</a> 
     <a class="button btn-days">Thursday</a> 
     <a class="button btn-days">Friday</a> 
     <a class="button btn-days">Saturday</a> 
     <a class="button btn-days">Sunday</a> 
</div> 
+0

你已經有一些CSS/JS? –

+0

除了HTML之外,您還有哪些嘗試做到這一點? –

+0

我得到了這個:https://www.codeply.com/go/DclUsokAoV例子。但我不想使用引導程序。我只想用jquery/javascript做 –

回答

0

使用jQuery,他們有像方法找到,你可以用它來根據結果​​對結果進行計數並對結果進行任何操作。

例如:

if($(".btn-group").find(".button").length > 3) { // then do something } 

裁判 https://api.jquery.com/find/