浏览器

时间:2015-04-29 19:55:35

标签: javascript css html5

我似乎无法弄清楚为什么警报不会在浏览器中显示。我正在使用优胜美地的Chrome。

这是我在script.js文件中的代码:

$ (document).one('pageinit', function() {
  // add handler
  $ ('#submitAdd').on('tap', addWalk) ;
  // add a walk
  function addWalk() {
    alert (1);
  }
);

这是index.html的顶部:

<html>
  <head>
    <title>Miletracker</title>
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" />
    <link rel="stylesheet" href="css/style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
    <script scr="js/script.js"></script>
    <script>
      $(function(){
        $('.date') .each(function(){
          $(this) .datepicker();
        })
      });
    </script>
  </head>

2 个答案:

答案 0 :(得分:0)

以上各种建议, 另外请确保您的html页面中有一个<body>,并且您应该有一个&#34; id&#34;用&#34; submitAdd&#34;如下。 (由于您的javascript建议,您正在使用submitAdd&#34注册和活动;)

<body>
<div id="submitAdd">
tap here </div>
</body>

最后,一旦页面加载发生,您将使用tapAdd元素的tap事件注册该函数。因此,只有在事件发生时才会自动调用该函数

答案 1 :(得分:-1)

请确保您的script.js文件正在加载。您可以在chrome中的开发人员工具中看到它。