Question

我正在建立一个允许用户查看和创建新订单的网站。我正在使用Bootstrap 3按钮在页面之间移动。现在我遇到了一个问题：在我的台式机和平板电脑（Android 4.1）上一切顺利，但在智能手机（使用多个品牌）上，当我点击或点击这些按钮时没有任何反应。列表也是如此。

我尝试过很多可以在网络上找到的代码但似乎没有人愿意工作。

我不知道出了什么问题。我的Chrome调试控制台说一切正常，没有错误。

我试过的一些例子：

<button id="NewPr" class="btn btn-default">Nieuwe offerte aanvragen</button>
<button id="act1" class="btn btn-default">Offerte-aanvragen ouder dan 3 maanden</button>&nbsp;
<button id="act2" class="btn btn-default">Geannuleerde offerte-aanvragen</button>&nbsp;
<button id="act2" class="btn btn-default">Gefactureerde projecten</button>
           </div>

<script>    
function init(){
var Act1Touch = document.getElementById("Act1");
Act1Touch.addEventListener("touchstart", Act1Handler, false);

var NewPrTouch = document.getElementById("NewPr");
NewPrTouch.addEventListener("touchstart", NewPrHandler, false);

}

function NewPrHandler(){
alert ("NewPR OK");
}

function Act1Handler(){
alert ("Act1 OK");
}

/* alternatives I tried */
/* Alt 1 */
$(document).ready(function(e) {
$("#NewPr").on('touchend mousedown click tap vclick', function(e){
     e.stopImmediatePropagation();
     e.preventDefault();
alert ("new");
    AddProject();
    });

$("#act1").on('touchend mousedown click tap vclick', function(e){
    e.stopImmediatePropagation();
    e.preventDefault();
alert ("act1");
    DisplayStuff(1);
    });
});

/* Alt 2*/
$(document).ready(function(e) {
$('#NewPr').click( function(){
alert ("new");
        AddProject();
        });

$('#act1').click( function(){
alert("act1");
        DisplayStuff(1);
        });

$('#act2').click( function(){
alert("act2");
        DisplayStuff(2);
        });

$('#act3').click( function(){
alert("act3");
        DisplayStuff(3);
        });

});*/

Bootstrap按钮不在智能手机上工作

0 个答案: