gpt4 book ai didi

input - jquery输入点击功能不触发

转载 作者:行者123 更新时间:2023-12-01 02:47:04 24 4
gpt4 key购买 nike

我尝试将脚本更改为以下内容,但它仍然没有触发事件..我错过了什么吗?

$('#page1').live('pageshow',function(event) { 
$("#radioyes").click(function(){
$("p").hide();
});
});

我也尝试过pagebeforecreate但结果是一样的..:(

<小时/>

我正在尝试一个简单的 jquery 移动页面并在 chrome 便携版上进行测试。但是,在以下代码中,输入单击事件在按钮单击有效的情况下不起作用。我还尝试将 "input#radioyes" 作为 "div>fieldset>input#radioyes" 但仍然不起作用。

<!DOCTYPE html> 
<html>
<head>
<title>Background check </title>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="images/touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="images/touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="images/touch-icon-iphone4.png" />

<script type="text/javascript" src="jQuery/jquery.js"></script>
<script type="text/javascript" src="jQuery/jquery.mobile.min.js"></script>
<link rel="stylesheet" href="jQuery/jquery.mobile.min.css" />

<!-- JQuery Date Picker components -->
<link rel="stylesheet" href="jQuery/jquery.ui.datepicker.mobile.css" />
<script src="jQuery/jQuery.ui.datepicker.js"></script>
<script src="jQuery/jquery.ui.datepicker.mobile.js"></script>

<link rel="stylesheet" href="css/folo.css" />

<script type="text/javascript">

$('#page1').live('pageshow',function(event) {
$("#radioyes").click(function(){
$("p").hide();
});
});
</script>
</head>

<body >

<div data-role="page" id="page1" data-theme="a" data-title="PAGE1">
<div data-role="header">
<h1>"PAGE1"</h1>
</div><!-- /header -->

<div data-role="content" >
<p> Welcome. </p>

<div id="SSN">
<label for="basic">SSN: </label>
<input name="ssn" id="textSSN" value="" data-theme="a" />
</div>
<div id="first">
<label for="first">First Name:</label>
<input name="input_first" id="input_first" value="" data-theme="d" />
</div>
<div id="last">
<label for="last">Last Name:</label>
<input name="input_last" id="input_last" value="" data-theme="d" />
</div>

<button id="btn1">Click me</button>

<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-role="fieldcontain">
<legend>Have you used other last name?</legend>

<input type="radio" name="radio-choice" id="radioyes" value="yes" />
<label for="radioyes">Yes</label>
<input type="radio" name="radio-choice" id="radio-no" value="No" checked="checked" />
<label for="radio-no">No</label>
</fieldset>

<div id="otherlast">
<label for="otherlast">Other Last Name:</label>
<input name="input_otherlast" id="input_otherlast" value="" data-theme="d" />
</div>

</div>


<div id="dob">
<label for="date">Date Of Birth:</label>
<input type="date" class="datepicker" name="date" id="my_date" value="01/19/1975" text="01/19/1975" />
</div>

</div><!-- /content -->


</div><!-- /page -->
</body>
</html>
</html>

感谢任何帮助。下载的 Jquery 版本是 1.7.1 1.6.4,jquery mobile 是最新版本。

最佳答案

您无法在 jquery mobile 中使用 $(document).ready here's an documentation about it

这也是 similiar question 的答案

关于input - jquery输入点击功能不触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8989374/

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