2011-12-13 132 views
0

我在做什么错? - _ -无法隐藏标签; JQuery

警报显示,但就是这样。

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeaderContent"> 

     <script type="text/javascript"> 
      if (navigator.userAgent.match(/Android/i)) { 
      } 
      else if (navigator.userAgent.match(/webOS/i)) { 
      } 
      else if (navigator.userAgent.match(/iPhone/i)) { 
      } 
      else if (navigator.userAgent.match(/iPod/i)) { 
      } 
      else { 
       alert("I'm a PC"); 
       $('#Label2').hide(); 
       $('#Label3').hide(); 
       $('#Label4').hide(); 
      } 
     </script> 

</asp:Content> 

(...) 

<div data-role="content"> 

      (...) 

      <label id="Label1"> 
       Explanation to save it and/or bookmark (PC/Others) 
      </label> 
      <label id="Label2"> 
       Explanation to save it and/or bookmark (iOS) 
      </label> 
      <label id="Label3"> 
       Explanation to save it and/or bookmark (Android) 
      </label> 
      <label id="Label4"> 
       Explanation to save it and/or bookmark (BlackBerry) 
      </label> 
     </div> 
+1

你在控制台得到一个错误? jQuery完成加载? – Micah 2011-12-13 19:19:14

+0

一个小细节,可能不是问题,但你在这里误用标签。标签用于识别输入。你应该使用span或div。 – Patricia 2011-12-13 19:24:23

回答

3

如何移动HTML低于我们的代码?

或者window.ready

1

你加载了jQuery库吗?试试这个:

alert(jQuery); 

它应该成真。

+0

是的,JQuery被加载。它警告真实。 – JFFF 2011-12-13 19:19:51

+0

alert($('#Label2')。)长度); ..?它是否提醒0或1? – danludwig 2011-12-13 19:22:23

1

在您的示例中未加载jQuery。

测试在这里,它的工作原理:http://jsfiddle.net/KCMAE/

+0

是的。我把代码放在HTML之下,就像某人建议的那样,它工作。 – JFFF 2011-12-13 19:22:45

1

你试过

$('#<%=Label2.ClientID %>').hide(); 
2

你能尝试移动你的JavaScript到文档准备事件:

$(function() { 
     if (navigator.userAgent.match(/Android/i)) { 
     } 
     else if (navigator.userAgent.match(/webOS/i)) { 
     } 
     else if (navigator.userAgent.match(/iPhone/i)) { 
     } 
     else if (navigator.userAgent.match(/iPod/i)) { 
     } 
     else { 
      alert("I'm a PC"); 
      $('#Label2').hide(); 
      $('#Label3').hide(); 
      $('#Label4').hide(); 
     } 
});