Rasterelemente klicken Ereignis funktioniert nicht auf kleinen Screes wie mobile

Question

Ich zeigte eine Rasterelemente in einem div, die zum Anzeigen und Verbergen der Elemente umgeschaltet wird, In Desktop und Tablets funktioniert es gut, aber in mobilen Geräten klicken Sie auf die Elemente klicken Ereignis funktioniert nicht. Im Desktop, wenn ich mit der Maus über den Rasterpunkt blicke, ändert sich die Farbe in blau und der Cursor zum Zeiger.

Beispielcode dieses Gitters ist wie folgt

<div class="items_grid" style="width: 50%; float: right; height: 320px; overflow-x: hidden; overflow-y: auto; position: absolute; z-index: 10; top: 0px; right: 0px; border: 1px solid rgb(219, 219, 219); display: block;"> 
      <div class="col-md-12 col-sm-12 col-xs-12 div_padding"> 
        <div class="form-group col-md-12 col-sm-12 col-xs-12" style="background-color:#DADADA;color:#000000;border:1px solid #DADADA;"> 
        <center><form class="form-inline" style="padding:0px;margin-bottom:1px;"> 
         <select class="form-control" name="menucategory" onchange="getbycategory(this.value)"> 
         <option value="0">--Select Category/All--</option> 
         <option value="1">ABC</option> 
         </select> 
        </form></center> 
        </div> 
       </div> 
       <div id="menu_items"> 
       <div class="col-md-2 col-sm-3 col-xs-6 itm"> 
       <button class="btn btn-primary itm_btn" id="itmname" onclick="insertitem('1527')">Comma Hoox Powerbank 6000</button> 
       </div> 
       <div class="col-md-2 col-sm-3 col-xs-6 itm"> 
       <button class="btn btn-primary itm_btn" id="itmname" onclick="insertitem('4002')">Epay</button> 
       </div> 
       <div class="col-md-2 col-sm-3 col-xs-6 itm"> 
       <button class="btn btn-primary itm_btn" id="itmname" onclick="insertitem('2')">Fees - 1st Installment</button> 
       </div> 


       <div class="row" style="background-color:#f5f5f5;"> 
       <div class="col-md-12 col-sm-12" style="padding-top:2px;"> 
         <div class="col-md-6 col-sm-6" id="p_page"><button class="btn btn-primary btn-block pagenation disable" onclick="pagination(,0)"> &lt;&lt; </button></div> 
         <div class="col-md-6 col-sm-6" id="n_page"><button class="btn btn-primary btn-block pagenation" onclick="pagination(12,0)"> &gt;&gt; </button> 
</div> 
        </div> 
       </div> 
      </div> 

Probe js

function insertitem(invcode) 
     { 
      if(invcode=='') 
      { 
       alert("no item"); 
      } 
    else 
    { 
     //some function 
    } 
} 

Answer 1

Hinweis: Niemals Nest col innerhalb col und cols sollte immer sein, Innen Reihen.

By the way, sollten Schwimmer löschen und beheben dieses Problem

<div class="clearfix"></div> 

nach dem letzten Element platzieren.