如何实现/模仿jQuery UI的datepicker?

时间:2013-08-13 14:20:38

标签: javascript jquery html

我想做的是以下内容:

我有一个<input>元素和onclick的输入,我切换某个<div>(请参见下文)

<div>
   <table>
      <tr>...</tr>
      ...
      ...
   </table>
</div>

当我点击上面表格中的一行时,我想触发一个事件(例如,将某个值放到<input>上方然后隐藏整个<div>。我已经让它工作了到目前为止。

问题:当显示div但单击 <tr>时(例如点击背景),我想隐藏{{1这次也是。所以我为<div>添加了onblur事件,并在发生这种情况时隐藏了div。这很有效。

问题:但是现在,当我正确选择<input>时,<tr>会先触发,因此div和表会被隐藏,并且不会触发tr onclick。 :(

到目前为止

我的解决方案:我删除了onblur事件并制作了类似

的内容
onblur

问题:这是一个不错的解决方法吗?或者,还有更好的方法?我想知道jQuery UI是如何实现这一点的,因为我看到datepicker也是一个div。对不起,但我的jQuery级别仍然不允许我正确阅读他们的实现:/如果有人善意向我解释。谢谢。

1 个答案:

答案 0 :(得分:1)

执行类似

的操作
someTimeout = setTimeout(function(){ someFunction(); }, someDuration) 

$("#someID").click(function() {
   clearTimeout(someTimeout );
});