1

在 Windows 8 平板电脑上使用 JQM + IE10 和触摸屏时,我发现了一个奇怪的问题。当使用外接鼠标时,触控板一切正常,但当我使用触摸屏时,JQM 中的正常链接不起作用。

有两个非常基本的 JQM 页面,b.html:

<!DOCTYPE html> 
<html>
<head>
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
</head>

<body>
    this is b.html
    <a href="a.html" data-role="button">link to a.html</a>
</body>
</html>

和一个.html

<!DOCTYPE html> 
<html>
<head>
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
</head>

<body>
    this is a.html
    <a href="b.html" data-role="button">link to b.html</a>
</body>
</html>

使用触摸屏,鼠标和触控板工作正常,导航卡在第二个。我猜这与 JQM ajax 导航模型和 IE10 中的新触摸事件有关,但不知道如何解决这个问题。

Chrome 在鼠标/触控板和触摸屏上都可以正常工作。

编辑:可能找到了一种可能的解决方法,将其添加到 css

    a {
    -ms-touch-action: none;
    }
4

0 回答 0