【问题标题】:How do I display icon or image on a div while it's loading?如何在加载时在 div 上显示图标或图像?
【发布时间】:2012-01-22 18:06:18
【问题描述】:

我在页面中心有一个 div,它显示了一些内容。当用户单击按钮时,我会进行 AJAX 调用以获取一些新数据以显示在 div 中。在等待来自 AJAX 调用的数据时,我想对 DIV 执行以下操作...

1) 将 div 中所有内容的不透明度更改为 50%

2) 防止DIV中任何可点击的内容被点击;在 AJAX 调用返回之前,我不想让用户做任何事情

3) 在显示加载图标的 div 中心覆盖一个图像(假设我有一个名为 loading.gif 的图像)

4) 一旦 AJAX 调用返回数据,将不透明度恢复正常并删除 DIV 中对可点击性的任何限制,并关闭加载图像图标。

有这方面的框架吗?

【问题讨论】:

  • -1。你试过什么吗?如果是这样,你在哪里卡住了?
  • 投反对票是怎么回事?问题解释清楚了,我要求提供代码示例或框架链接
  • 您之所以被否决,是因为您应该尝试过某些事情,但被卡住了,然后在此处发布了一个与您卡住的地方相关的特定问题。简单地说“我想这样做。给我代码”是不可接受的问题。
  • 恕我直言,但显然这是一个可以接受的问题,因为其他人很有礼貌地发布了一个链接作为答案,这对我的需求来说绰绰有余......阅读常见问题解答而不是变魔术制定自己的规则。

标签: javascript jquery ajax html


【解决方案1】:

有一个很好的插件叫做 Nimle Loader http://www.salesclic.com/jquery.nimble.loader/demo/

【讨论】:

    【解决方案2】:

    如果您在表单上方放置一个具有所需不透明度的 div,使用更高的 z-index,则所有可点击项目都将无法点击。请参阅“Opacity of div's background without affecting contained element in IE 8?”。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-11-26
      • 1970-01-01
      • 1970-01-01
      • 2010-12-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多