Javascript 网格项单击事件在小型屏幕(如mobile)上不起作用

Javascript 网格项单击事件在小型屏幕(如mobile)上不起作用,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我在一个div中显示了一个网格项,该div被切换为显示和隐藏这些项, 在台式机和平板电脑中,它运行良好,但在移动设备中,项目按钮单击事件不起作用。 在桌面上,当我将鼠标移到网格项上时,它将把颜色改为蓝色,并将光标移到指针上 该网格的示例代码如下 <div class="items_grid" style="width: 50%; float: right; height: 320px; overflow-x: hidden; overflow-y: auto; position: abso

我在一个div中显示了一个网格项,该div被切换为显示和隐藏这些项, 在台式机和平板电脑中,它运行良好,但在移动设备中,项目按钮单击事件不起作用。 在桌面上,当我将鼠标移到网格项上时,它将把颜色改为蓝色,并将光标移到指针上

该网格的示例代码如下

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

注意:切勿在列中嵌套列,列应始终位于行内

顺便说一下

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


在最后一项之后,应清除浮动并解决此问题。

注意:不要在列中嵌套列,列应始终位于行中

顺便说一下

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


在最后一项之后,应该清除浮动并解决此问题。

分页参数中缺少一个值。但这在桌面上有效。我的问题不是分页按钮在移动设备上不起作用。但是js在哪里?您在分页参数中缺少一个值。但这在桌面上起作用。我的问题不是分页按钮在移动设备上不起作用。但是js在哪里?我用这个解决了我的问题。我用这个解决了我的问题。