如何隐藏Font Awesome微调器？

Question

我在MVC .net Razor页面上有以下微调器：

 <div id="spinner1">Processing Video... <i class="fa fa-spinner fa-spin fa-2x fa-fw"></i></div>  

工作正常。我有一个Signal-R推送来向页面添加数据（工作正常）。一旦数据列表完成（工作正常）我想隐藏sipnner。

我试过了：

$('#spinner1').display = 'none';    

但没有任何反应，旋转器仍在旋转。我怎么能摆脱它？

Answer 1

的jQuery

假设从问题中的代码中您使用的是jQuery，jQuery对象没有display属性。相反，您可以使用hide：

$("#spinner1").hide();

...虽然你可以直接使用display，通过css函数或从jQuery包装器中访问原始DOM元素：

$("#spinner1").css("display", "none");      // Using `css`
$("#spinner1")[0].style.display = "none";   // Accessing raw DOM element

不是jQuery

鉴于您已将#包含在$("#spinner1")中，我认为这不太可能，但是：如果您使用的是MooTools或PrototypeJS或其他具有$的内容function但返回原始DOM元素，display属性在style：

// NOT JQUERY
$("spinner1").style.display = "none";

请注意，在这两种情况下，#不包含$()（尽管您会使用$$()）。

Answer 2

我正在使用此代码：

<i id="spin" class="fa fa-circle-o-notch fa-spin"></i>

和js：

$("#spin").hide();

它适用于我。