将旋转木马右滑动应用到按钮上

Apply carousel right slide to a button

本文关键字：按钮 应用 旋转木马      更新时间：2023-09-26

如您所见，我有一个表，其中有多个从范围变量users填充的行。有一个列，其中有一个按钮(最后一列)。我希望这个按钮的行为作为一个旋转木马右键。每行将有多个按钮。我希望所有的按钮都表现为右旋转按钮。当我点击它时，当前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>


很抱歉发了这样一个愚蠢的东西。

相关文章：