【问题标题】:event bubbling in Jquery datepickerJquery datepicker中的事件冒泡
【发布时间】:2012-03-11 05:14:20
【问题描述】:

我有一个弹出菜单,其中包含一个带有 jquery datepicker 的表单,问题是当我选择日期时,菜单和 datepicker 日历都会关闭。

我尝试在日期选择器的 Select 事件中使用 event.stopPropagation(),但我找不到获取“事件”句柄的方法。

另外,我尝试在选择事件结束时return false,但再次失败。任何帮助都感激不尽。谢谢。

【问题讨论】:

  • 任何代码将不胜感激。谢谢。
  • 如何关闭datepicker?您的代码将有助于更好地回答您。
  • 这是一个示例:jsfiddle.net/NZ4zd/1
  • 这是一个包含 jquery ui css 的示例:jsfiddle.net/NZ4zd/2

标签: jquery datepicker uidatepicker


【解决方案1】:

我遇到了同样的问题,并通过添加准备好的文档来解决它:

/*Stop datepicker from closing dropdown menu*/
    $("#ui-datepicker-div").click( function(event) {
        event.stopPropagation();
    });

诀窍在于 datepicker 创建了一个 id 为 ui-datepicker-div 的 div,因此只需停止该容器中的事件冒泡,一切都会正常工作。

来源:http://forum.jquery.com/topic/datepicker-propogates-click-events

【讨论】:

    【解决方案2】:

    我通过修改代码解决了这个问题,以便菜单忽略来自日期选择器的任何点击。

    【讨论】:

      【解决方案3】:

      我遇到同样的问题,一开始我也想停止事件气泡,因为,我点击日期选择器,它不起作用,输入类型是文件被触发(低于日期选择器),它通过设置解决它数据选择器 z-index 为 999

      代码在这里: datepicker.css('z-index', 999);

      对我有用

      【讨论】:

        猜你喜欢
        • 2011-10-20
        • 1970-01-01
        • 1970-01-01
        • 2011-06-11
        • 2023-04-02
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多