Question

我有一个jQuery日期选择器，当可见时，按钮与某些输入按钮重叠。当我点击日期选择器时，弹出窗口消失并且输入按钮被选中 - 使得datepicker几乎无法使用。

有没有办法让jQuery叠加层保持在前台并让它优先于它背后的按钮？

Answer 1

在没有发布任何代码的情况下很难判断，但我已经在我的代码中成功使用了jQuery UI Datepicker，它似乎总是在顶部。这些元素都在同一个容器中吗？你是如何初始化Datepicker的？你用的是什么主题？

您可以尝试在CSS中设置Datepicker的z-index，如下所示：

#date-picker{ z-index: 1; }

继续使z-index更高，直到Datepicker在重叠战斗中获胜。

如果您继续看到该问题，请尝试在JSFiddle.net上重新创建它并让我们帮助您。

Answer 2

如果您真的认为它是目标浏览器中的行为错误（即它应该按照您编写的方式工作，但事实并非如此），您可以通过定位“隐藏”输入按钮来补偿它并防止其行为违约。这对我来说是一个黑客攻击，我不明白为什么datepicker默认情况下不会工作或者有alexdlaird的建议，但有时我们不得不破解修复可用性错误！

$('.myInput').click(function() {
  return false;
});

其中.myInput不是文字，而是任何其他以您的输入为目标的选择器。