【问题标题】:User has to press button multiple times to react用户必须多次按下按钮才能做出反应
【发布时间】:2016-03-19 19:30:38
【问题描述】:

我有几个按钮,有时我必须多次按下它们才能使按钮工作。它突出显示按钮,就好像它是悬停效果一样,然后在下一次通过时。这似乎只发生在移动设备上。我也在使用引导程序。

代码如下:

<ul ui-sortable="sortableOptions" ng-model="list" style="list-style-type: none;padding:0; margin:0;">
  <li ng-repeat="item in list" class="item">
    <div style="width:100%;height: 43px;">
       <div class="col-xs-4 col-md-4"> Item1 </div>
       <div class="col-xs-4 col-md-4"> $1 </div>
       <div class="col-xs-4 col-md-4" style="padding:0px">
          <button class="wish-small-button" ng-click="deleteItem(item)"><i class="fa fa-times"></i></button>
          <button class="wish-small-button" ng-click="editItem(item)"><i class="fa fa-pencil-square-o"></i></button>
       </div>
    </div>
 </li>

.wish-small-button {
    width: 44px;
    height: 44px;
    padding: 0px;
}

.item {
   border-style: solid;
   border-width: 3px 3px 3px 3px;
   position: relative;
   font-weight: 300;
   margin: 0 0 10px 0;
   color: #00E676;
   text-align: center;
   font-size: 18px;
   padding:5px;
 }

提前致谢。

【问题讨论】:

    标签: html twitter-bootstrap mobile


    【解决方案1】:

    我发现了这个:

    https://github.com/twbs/bootstrap/issues/10657

    似乎引导按钮在移动设备中表现不佳。

    我像这样切换到锚标签:

    <div class="col-xs-3 col-md-3">
       <a class="item-small-button" ng-click="deleteItem(item)"><i class="fa fa-times"></i></a>
    </div>
    

    【讨论】:

      猜你喜欢
      • 2022-01-22
      • 2022-11-03
      • 1970-01-01
      • 1970-01-01
      • 2015-07-02
      • 2012-10-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多