Question

我在主页面的头部使用我的ASP.NET MVC应用程序中的jquery库，如下所示：

<head runat="server">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="contene-style-tyle" content="text/css" />
    <meta http-equiv="contene-script-tyle" content="text/javascript" />

    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>
    <link rel="stylesheet" type="text/css" href="/Content/css/black.css" media="screen, projection, tv" />    
    <!--[if lte IE 7.0]><link rel="stylesheet" type="text/css" href="css/ie.css" media="screen, projection, tv" /><![endif]-->
    <!--[if IE 8.0]>
        <style type="text/css">
            form.fields fieldset {margin-top: -10px;}
        </style>
    <![endif]-->
    <style type="text/css"> @import url(/Content/css/jquery-ui-1.8.15.custom.css); </style>
    <style type="text/css"> @import url(/Content/css/jquery.message.css); </style>
    <%--<script type="text/javascript" src="/content/js/jquery-1.4.2.min.js"></script>--%>
    <script type="text/javascript" src="/content/js/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="/content/js/jquery-ui-1.8.15.custom.min.js"></script>
    <script type="text/javascript" src="/content/js/jquery.message.min.js"></script>
    <script type="text/javascript" src="/content/js/jquery.ui.datepicker.js"></script>
    <!-- Adding support for transparent PNGs in IE6: -->
    <!--[if lte IE 6]>
        <script type="text/javascript" src="content/js/ddpng.js"></script>
        <script type="text/javascript">
            DD_belatedPNG.fix('h3 img');
        </script>
    <![endif]-->

    <script type="text/javascript" language="javascript">
        $(document).ready(function () {
            // Switch categories
            $('#h-wrap').hover(function () {
                $(this).toggleClass('active');
                $("#h-wrap ul").css('display', 'block');
            }, function () {
                $(this).toggleClass('active');
                $("#h-wrap ul").css('display', 'none');
            });
        });
    </script>
    <asp:ContentPlaceHolder ID="headContent" runat="server"></asp:ContentPlaceHolder>
</head>

然后在我的aspx页面中，我按如下方式调用datepicker小部件：

$(".Datepicker").each(function () {
            $(this).datepicker();
        });

那段jquery在document.ready（）函数中。我检查了firefox和chrome的控制台，看看我的javascript是否有任何错误，没有任何问题可见。每当我点击由于该功能而获得“hasDatepicker”类的文本框时，没有任何反应，我根本没有收到来自控制台的消息。

有谁知道为什么会这样？

编辑：

这就是它在DOM中的样子 -

enter image description here

Answer 1

您的通话不会有任何问题。您可以像这样进一步缩短通话时间。

$(document).ready(function() {
    $(".Datepicker").datepicker();
});

hasDatepicker的存在表明jquery ui确实被加载了。

检查这些事情。

你为什么要打电话给这个？ /content/js/jquery.ui.datepicker.js根本不需要这样做。它可能会覆盖/content/js/jquery-ui-1.8.15.custom.min.js内的datepicker函数。请删除。
还要检查css是否在firebug控制台的NET选项卡中正确加载
评论/content/js/jquery.message.min.js并检查此档案是否是罪魁祸首。

其中一项检查可以做到。

Datepicker没有显示出来

1 个答案: