如您所见,我有一个表,其中包含从范围变量用户填充的多行。有一列有一个按钮(最后一列)。我希望此按钮充当轮播右按钮。每行将有多个按钮。我希望所有按钮都像右旋转木马按钮一样工作。当我单击它时,当前的 div 应该向左滑动并且必须显示新的 div。使用当前代码,我可以滑动当前 div,但我得到的是一个长的“查看详细信息”按钮(覆盖所有行的列),带有一些我不想要的褪色和其他 CSS 效果。
有没有其他方法可以实现这一点。
<tbody>
<tr dir-paginate="user in users|orderBy:['state_name','fullname']|filter:{state_name:state_select.name}|itemsPerPage:10" pagination-id="byState">
<td>
<img src="{{user.party_name}}" style="max-height: 10%;max-width: 10%;" />
</td>
<td>{{user.fullname}}</td>
<td>
<img src="{{user.chamber_type}}" style="max-height: 8%;max-width: 7%;" />{{user.chamber_name}}</td>
<td>{{user.district_name}}</td>
<td>{{user.state_name}}</td>
<td>
<button type="button" id="{{user.bioguide}}" href="#mySlider" data-slide="next" class="btn btn-primary right carousel-control" value="{{user.bioguide}}" ng-click="getLegislatorDetails($event);">View Details</button>
</td>
</tr>
</tbody>
最佳答案
只需从按钮类中删除 carousel-control 即可使其正常工作。
改成这样:-
<td><button type="button" id="{{user.bioguide}}" href="#mySlider" data-slide="next" class="btn btn-primary right" value="{{user.bioguide}}" ng-click="getLegislatorDetails($event);">View Details</button></td>
抱歉发了这么傻的东西。
关于javascript - 将旋转木马右滑应用于按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40292015/