无法隐藏标签; JQuery的

时间:2011-12-13 19:15:13

标签: javascript jquery asp.net

我做错了什么? - _ -

警报显示,但就是这样。

    <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>

5 个答案:

答案 0 :(得分:3)

如何将代码移到html下面?

或者window.ready

答案 1 :(得分: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();
        }
 });

答案 2 :(得分:1)

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

alert(jQuery);

应该是真的。

答案 3 :(得分:1)

你的例子中没有加载jQuery。

在此测试,它有效:http://jsfiddle.net/KCMAE/

答案 4 :(得分:1)

你试过吗

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