柵格項目單擊事件不工作在手機上的小screes

我在切換爲顯示和隱藏項目的div中顯示柵格項目，在桌面和平板電腦上它運行良好，但在移動設備中，項目按鈕單擊事件不起作用。在桌面上，當我將鼠標懸停在網格項上時，它會將其顏色更改爲藍色，並將光標更改爲指針。該網格的柵格項目單擊事件不工作在手機上的小screes

示例代碼遵循

<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>

樣品JS

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

來源

2017-03-29 vijay kumar

您在分頁參數中缺少一個值。 – Rehan

但這是在臺式機上工作。 –

我的問題不是關於分頁按鈕 –

注：山坳內決不巢山坳和cols應始終行內。

順便說一句，將

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

的最後一個項目之後應該清除花車和解決這個問題。

來源

2017-03-29 17:05:00 karthikaruna

我用

這解決了我的問題。 –

柵格項目單擊事件不工作在手機上的小screes

回答

相關問題