gpt4 book ai didi

javascript - 单击按钮时调用脚本

转载 作者:行者123 更新时间:2023-11-28 16:35:24 25 4
gpt4 key购买 nike

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

当点击按钮时,我希望显示警报。但是单击按钮时什么也没有发生。

Could someone tell me where I am going wrong?

编辑1:

以下代码在 FirefoxOpera Desktop 浏览器发出警报

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


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

相同无法Opera MobileFennec浏览器上运行的任何原因 - 显示加载页面时出错 对话框??

最佳答案

您的问题是您正在搜索 $('#button')在它存在之前...

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

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

关于javascript - 单击按钮时调用脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4265776/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com