Question

我有问题我的功能不能在移动浏览器中工作，但当我在浏览器桌面工作时打开我不知道为什么...也许有人知道或有像我这样的经验我试过这段代码

$('body').on('click touchstart', '.show_range', function(event) { alert("hello"); })

在桌面上工作，但不在移动浏览器中工作

我在链接

中设置了ID时尝试了这段代码

$(document).on("click", "#show_range", function(event){
 alert( "GO" ); 
 });

在桌面上工作，但不在移动浏览器中工作

Answer 1

您可以尝试以下操作：

 $('#show_range').on("click", function(event){
     alert( "GO" ); 
 });

Answer 2

如果你正在使用bootstrap模态，那么进行一些更改，如下所示，

在bootstrap-responsive.css

中

.modal { 
    position: fixed; 
    top: 3%; 
    right: 3%; 
    left: 3%; 
    width: auto; 
    margin: 0; 
}
.modal-body { 
    height: 60%; 
}

和bootstrap.css

.modal-body { 
    max-height: 350px; 
    padding: 15px; 
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch; 
 }

OR 试试这个，

if( navigator.userAgent.match(/iPhone|iPad|iPod/i) ) {
    var styleEl = document.createElement('style'), styleSheet;
    document.head.appendChild(styleEl);
    styleSheet = styleEl.sheet;
    styleSheet.insertRule(".modal { position:absolute; bottom:auto; }", 0);
 }

Answer 3

谢谢你帮助我们现在我的问题解决了.. 我的错误是我设置了href =“javascript：void（）”而我改为href =“＃”

功能不适用于Web浏览器中的模态

3 个答案: