我想用一个非常简单的公式制作一个弹出窗口,但是当它弹出时我想在输入字段上有FOCUS。这似乎不起作用。
代码在此处形成:http://jquery.com/demo/thickbox/
你能帮助我吗?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ThickBox 3.1</title>
<style type="text/css" media="all">
@import "thickbox.css";
</style>
<link rel="alternate stylesheet" type="text/css" href="css/1024.css" title="1024 x 768" />
<script src="jquery-latest.js" type="text/javascript"></script>
<script src="thickbox.js" type="text/javascript"></script>
<script src="js/global.js" type="text/javascript"></script>
</head>
<body>
<p style="padding-top:10px"><input alt="#TB_inline?height=100&width=300&inlineId=myOnPageContent" onClick="document.getElementById('myControl').focus();" title="Type in new Bnumber" class="thickbox" type="button" value="Show" />
<div id="myOnPageContent">
<center>
<br><br>
<form name="input" action="" method="post">
<table>
<tr>
<td>
<b>Username: </b> <input id="myControl" type="text" name="user" />
</td>
</tr>
<tr align="right">
<td>
<input type="submit" value="Submit" />
</td>
</tr>
</table>
</form>
</center>
</div>
</body>
</html>
答案 0 :(得分:1)
如果在您放置的文件的头部,
$(document).ready(function() {
$('#firesPopup').click(function(){
setTimeout($('#myControl').focus(), 1000);
});
});
现在是否将重点放在输入字段上?一旦你点击按钮弹出弹出窗口,它会等待1秒,然后将焦点放在输入字段上。