单击按钮时调用脚本

StackOverflow https://stackoverflow.com/questions/4265776

题

在 jquery 移动网页中，我想调用 jsp 的 HEAD 部分中的脚本标记中定义的脚本。

<head>

    <link rel="stylesheet" type="text/css" href="jquerymobile/jquery.mobile-1.0a1.min.css" />
    <script type="text/javascript" src="jquerymobile/jquery-1.4.3.min.js"></script>
    <script type="text/javascript" src="jquerymobile/jquery.mobile-1.0a1.min.js"></script>

    <script>

        $("#button").click( function()
           {
             alert('button clicked');
           }
        );
    </script>

</head>

<body>
    <html:errors/>

    <div data-role="page" data-theme='a'>

      <div data-role="header">
        <h1>jquerymobile</h1>
      </div>

      <div data-role="content">
        <div id="button" data-role="button">Click on button</div>
      </div>

   </div>
</body>

当。。。的时候 按钮被点击, ， 我想要 要显示的警报. 。但单击按钮时什么也没有发生。

有人能告诉我哪里出了问题吗？

编辑1：

下面的代码 发出警报 在 火狐浏览器 & Opera 桌面浏览器. 

  $(document).ready(function() {
      $("#vbutton").click(function() {
          alert("clicked");
      });
  });



  <a id="vbutton" data-role="button">Click Button</a>

任何理由都一样 才不是 与...一起工作 歌剧移动 & 耳廓浏览器 - 它显示的地方 加载页面时出错 对话？？

有帮助吗？

解决方案 2

在问题是由于调试语句等

  

调试器;

     

debug.info（....）

这是由火狐/萤火虫理解，但是分别的造成的问题在的小狐＆Opera移动浏览器

其他提示

你的问题是你正在寻找 $('#button') 在它存在之前...

尝试将 jQuery 代码包装在 $(document).ready(function(){ ... }) 或其简写别名 jQuery(function(){})

另一个选项是包括按钮上单击事件的初始化，直到 AFTER #button 存在于 DOM 中。换句话说，你可以移动你的 <script> 标记到页面底部，它应该可以工作。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top