Question

我正在使用两个不同的页面。其中一个没有问题而另一个没有。问题是我有span标签，我有一个类，我用它来检测更改并执行操作。例如

$(document).ready(function() {
   $(document).on("click",".test",function(){
        $(this).html("changed");
    });     
});

<!DOCTYPE html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Invoice Management</title>
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  <script src="http://hayageek.github.io/jQuery-Upload-File/jquery.uploadfile.min.js"></script>
  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  <script src="Scripts/controlscript.js"></script>
</head>
<span class="test" style="background-color:red;">Hello</span>

因此，单击包含测试类的span标记时，应将文本更改为已更改。这在我的电脑上运行得非常好但是当我在我的移动设备上试用它时它什么也没做。陌生人的问题是我有另一个页面，我使用相同的链接方法，它的工作完全正常。有什么想法会发生这种情况吗？

Answer 1

找到解决方案。看起来像移动浏览器的错误。添加游标：指针;到span类的工作原理。这是一个链接。 http://www.shdon.com/blog/2013/06/07/why-your-click-events-don-t-work-on-mobile-safari

Answer 2

首先，您发布的代码结构不合理。要使用任何js库函数，首先需要在使用该库中定义的任何函数之前加载该js库。

前：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> ----> keep this line first


$(document).ready(function() {}); -----> next to the above line

移动设备上的Jquery问题发生在一个页面而不是另一个页面上

2 个答案: