JQUERY显示隐藏在CSS上的div

时间:2012-08-07 17:07:09

标签: jquery css html hidden

也许我应该早点问这个方式......

我有一个DIV,可以加载sql表中的所有项目。然后我会有一些用于按颜色过滤的复选框,因此如果用户选择蓝色,则会重新加载DIV,将蓝色作为颜色显示,并仅显示蓝色项目。

用户点击后,我想在加载BLUE项目的过程中显示“加载”.gif。也许它超短或者可能需要3秒左右......

我的选择是:

  • 在我的主DIV中包含另一个包含.gif的DIV,并且不显示CSS。然后使用JQUERY我必须显示它然后隐藏它...如果这个选项好,我可以使用什么样的JQUERY?

  • 在过滤后加载结果之前使用JQUERY来加载加载DIV

谢谢!

2 个答案:

答案 0 :(得分:1)

最简单的方法是在页面中设置div,通常靠近页面底部,用css隐藏:

<div id="loading">
    <img src="img/loading.gif" alt="Loading." />
</div>

的CSS:

#loading {
    display:none;
    /* some more code to position the div where you want */
}

JS:

$("#loading").toggle(); // or .show() / .hide()

请参阅小提琴:http://jsfiddle.net/Gwmah/

答案 1 :(得分:0)

有一些有用的功能提供了b jQuery来显示html元素

  • hide()show()
  • 切换()

    Intent intent = new Intent(android.provider.Settings.ACTION_ACCESSIBILITY_SETTINGS);
    startActivityForResult(intent, 0);