javascript吧 关注：269,343贴子：906,475
- 3回复贴，共1页
在使用wdatepicker 中遇到 隐藏层与组件窗口 的问……
1 div#showotherdiv 是不个触发元素。
2 div.d 是一个内容层，初始属性为 隐藏，触发时显示，当鼠标 mouseleave 离开时，层被隐藏。这个层中有一个 日期输入框。
3 问题：当我点击日期输入框，打开组件，选择日期时，因为 鼠标 mouseleave 离开div.d，层被隐藏了。
4 我的目的：选择日期时，层依然可见。日期选择完成后， 鼠标 mouseleave 离开div.d,才被允许隐藏。这个问题搞了好几天，没有搞成，希望能得到你们的帮助。代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.d {
border: 1px solid #999;
}
</style>
<script language="javascript" type="text/javascript" src="./My97DatePickerBeta/WdatePicker.js"></script>
<script language="javascript" type="text/javascript" src="./easyUi/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
$('#showotherdiv').mousemove(function(){ $('.d').show()})
$('.d').mouseleave(function(){ $('.d').hide()})
})
</script>
</head>
<body>
<input name="显示输入层" type="button" id='showotherdiv' value="显示输入层" />
<div class="d" style="display: none">
<p> </p>
<p>
<label for="textfield"></label>
输入日期：
<input type="text" name="textfield" id="textfield" onfocus="WdatePicker({isShowWeek:false,firstDayOfWeek:1,doubleCalendar:true,dateFmt:'yyyy-MM-dd',startDate:'%y-{%M-1}-%d'})"/>
</p>
</div>
</body>
</html>
1 div#showotherdiv 是不个触发元素。
2 div.d 是一个内容层，初始属性为 隐藏，触发时显示，当鼠标 mouseleave 离开时，层被隐藏。这个层中有一个 日期输入框。
3 问题：当我点击日期输入框，打开组件，选择日期时，因为 鼠标 mouseleave 离开div.d，层被隐藏了。
4 我的目的：选择日期时，层依然可见。日期选择完成后， 鼠标 mouseleave 离开div.d,才被允许隐藏。这个问题搞了好几天，没有搞成，希望能得到你们的帮助。代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.d {
border: 1px solid #999;
}
</style>
<script language="javascript" type="text/javascript" src="./My97DatePickerBeta/WdatePicker.js"></script>
<script language="javascript" type="text/javascript" src="./easyUi/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
$('#showotherdiv').mousemove(function(){ $('.d').show()})
$('.d').mouseleave(function(){ $('.d').hide()})
})
</script>
</head>
<body>
<input name="显示输入层" type="button" id='showotherdiv' value="显示输入层" />
<div class="d" style="display: none">
<p> </p>
<p>
<label for="textfield"></label>
输入日期：
<input type="text" name="textfield" id="textfield" onfocus="WdatePicker({isShowWeek:false,firstDayOfWeek:1,doubleCalendar:true,dateFmt:'yyyy-MM-dd',startDate:'%y-{%M-1}-%d'})"/>
</p>
</div>
</body>
</html>
