Javascript 单击按钮时调用脚本_Javascript_Jquery_Browser_Jquery Mobile

Javascript 单击按钮时调用脚本

javascript jquery browser jquery-mobile

Javascript 单击按钮时调用脚本,javascript,jquery,browser,jquery-mobile,Javascript,Jquery,Browser,Jquery Mobile,在jquery移动网页中，我想调用jsp头部的脚本标记中定义的脚本 <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> &l

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

<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>

点击按钮

同一个不能与Opera Mobile和Fennec浏览器一起使用的任何原因-其中显示了错误加载页面对话框？？？
您的问题是，在它存在之前，您正在搜索
$（“#按钮”）
尝试将jQuery代码包装在一个或其速记别名中

另一个选项是在DOM中存在
#按钮之前，在按钮上包含click事件的初始化。换句话说，您可以将标记移动到页面底部，它应该可以工作。您的问题是，您正在搜索$（“#按钮”），但它尚未存在尝试将jQuery代码包装在一个或其速记别名中另一个选项是在DOM中存在#按钮之前，在按钮上包含click事件的初始化。换句话说，您可以将标记移动到页面底部，它应该可以工作。问题是由于调试语句造成的，如调试器 debug.info（…） Firefox/Firebug可以理解，但在Fennec&Opera移动浏览器中，会导致问题问题是由以下调试语句造成的调试器 debug.info（…） Firefox/Firebug可以理解，但是在Fennec&Opera移动浏览器中造成了问题只是猜测（因此是评论而不是答案）：移动浏览器可能不支持在不可聚焦的元素（如div）上单击事件。您尝试过（真实的）或链接吗？data role=“button”生成可单击的真实按钮。您是否尝试使用元素或链接？jQuery移动文档说它们也可以使用，对我来说，实际使用按钮更有意义。（但可能那只是我）只是猜测（因此是评论而不是答案）：移动浏览器可能不支持对不可聚焦元素（如div）的onclick事件。您是否尝试过（真实的）或链接？data role=“button”生成可以单击的真实按钮。您是否尝试过使用元素或链接？jQuery移动文档说它们也可以使用，对我来说，实际使用按钮更有意义。（但也许那只是我）谢谢你的回复。我有两个问题：1。使用$（document）.ready（function（）{…}），Firefox和Opera桌面浏览器会弹出警报。但是，为什么Opera Mobile&Fennec浏览器不能使用相同的方法呢？它会显示错误加载页面对话框？？这很重要，因为我在一个移动站点（不是桌面站点）上工作。2.我应该把房间搬到哪里去就在tag之前？谢谢。谢谢你的回复。我有两个问题：1。使用$（document）.ready（function（）{…}），Firefox和Opera桌面浏览器会弹出警报。但是，为什么Opera Mobile&Fennec浏览器不能使用相同的方法呢？它会显示错误加载页面对话框？？这很重要，因为我在一个移动站点（不是桌面站点）上工作。2.我应该把房间搬到哪里去就在tag之前？谢谢。很高兴知道，但这个答案对人们来说太没用了。你应该把另一个答案标记为已接受。很高兴知道，但这个答案对人们来说毫无用处。你应该把另一个答案标记为接受。 $(document).ready(function() { $("#vbutton").click(function() { alert("clicked"); }); }); <a id="vbutton" data-role="button">Click Button</a>