【问题标题】:Jquery - drag and drop mask that doesn't hide page's eventsJquery - 不隐藏页面事件的拖放掩码
【发布时间】:2011-01-26 12:30:52
【问题描述】:

我正在建立一个小型网站。 在我的网站中,用户可以执行不同的操作,一切都是用纯 html 编写的。那里没有什么复杂的。

现在,诀窍来了。我想让我的用户能够拖放图像并将它们放置在他们正在查看的页面顶部的掩码中。

这并不好用,因为掩码会阻止用户过去能够执行的所有操作。当用户单击它们时,我的旧 html 控件不再获得焦点,因为我的上层掩码捕获了所有单击事件。有没有办法解决这个问题?也许以某种方式告诉脚本引擎将原始页面的 z-index 设置为最顶层,但不隐藏掩码?

【问题讨论】:

  • 您好,您需要向我们展示 HTML 和 jquery 代码的相关部分,才能真正了解您想要做什么以及如何去做。另外,如果您有可用的网站,为什么不发布它的 URL,以便我们自己查看以提供帮助?
  • @neil,我担心它目前正在开发中(在我的计算机上本地运行)。我会尝试画它。希望这能更好地解释事情。
  • 你能不能只为拖放操作切换遮罩?
  • 我需要它一直显示。
  • 我在一两天前回答了一个类似的问题。解决方案可能是在掩码顶部(即使用 {zIndex: 1000})为每个具有事件的元素放置一个透明 div,并将事件复制到这些透明 div。请参阅我的建议:stackoverflow.com/questions/4797498/…

标签: jquery html


【解决方案1】:

我假设您要放置一个比原始页面具有更高 Z-index 的全宽/高度 div。然后通过拖放将图像添加到该 div 元素?

Implementing a hover info box 正如尼尔已经展示的那样,拥有你可以使用的东西。

另一种选择是在特定的 X、Y 单击处找到所有控件——甚至是那些被 div 隐藏的控件。 Given an x,y coordinate, I need to find all html elements underneath it

【讨论】:

  • 有趣的方法。没有这样想。会试一试
猜你喜欢
  • 1970-01-01
  • 2012-08-16
  • 1970-01-01
  • 1970-01-01
  • 2011-09-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多