问问题
2930 次
3 回答
1
我想我找到了 http://jsfiddle.net/NQbgX/1/
$('body').click(function(){
if (!$("#input").is(":focus")) {
$('#content').hide();
}
});
于 2012-06-27T15:44:14.303 回答
0
您可以setTimeout像这样使用它，以便有足够的时间点击跨度进行注册。
于 2012-06-27T14:54:44.583 回答
0
我认为这是正确的用法：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
#content { margin:0px; padding:0px; list-style-type:none; display:none;}
#content li { margin:0px; padding:0px; list-style-type:none;}
#content li a {
display:inline-block;
padding:10px;
text-align:left;
color:white;
background-color:black;
text-decoration:none;
width:150px;
}
#input { height:25px; width:167px;}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$('#input').focus(function(){
$('#content').slideDown('fast');
});
$('#content li a').click(function(){
var x = $(this).attr('title');
$('#input').attr('value',x);
$('#content').slideUp('fast');
});
});
</script>
</head>
<body>
<input type="text" id="input" name="input" value="" />
<ul id="content">
<li><a href="#" title="option1">Option1</a></li>
<li><a href="#" title="option2">Option2</a></li>
<li><a href="#" title="option3">Option3</a></li>
<li><a href="#" title="option4">Option4</a></li>
</ul>
</body>
</html>
然后只需在输入旁边添加一个箭头图像，以便 #content 在单击时会向上滑动。
于 2012-06-27T15:14:26.330 回答