Note that there are some explanatory texts on larger screens.

plurals
  1. PODatepicker not showing up
    primarykey
    data
    text
    <p>I'm using the jquery libs in my ASP.NET MVC application in the head of the master page like follows:</p> <pre><code>&lt;head runat="server"&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-8" /&gt; &lt;meta http-equiv="contene-style-tyle" content="text/css" /&gt; &lt;meta http-equiv="contene-script-tyle" content="text/javascript" /&gt; &lt;title&gt;&lt;asp:ContentPlaceHolder ID="TitleContent" runat="server" /&gt;&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="/Content/css/black.css" media="screen, projection, tv" /&gt; &lt;!--[if lte IE 7.0]&gt;&lt;link rel="stylesheet" type="text/css" href="css/ie.css" media="screen, projection, tv" /&gt;&lt;![endif]--&gt; &lt;!--[if IE 8.0]&gt; &lt;style type="text/css"&gt; form.fields fieldset {margin-top: -10px;} &lt;/style&gt; &lt;![endif]--&gt; &lt;style type="text/css"&gt; @import url(/Content/css/jquery-ui-1.8.15.custom.css); &lt;/style&gt; &lt;style type="text/css"&gt; @import url(/Content/css/jquery.message.css); &lt;/style&gt; &lt;%--&lt;script type="text/javascript" src="/content/js/jquery-1.4.2.min.js"&gt;&lt;/script&gt;--%&gt; &lt;script type="text/javascript" src="/content/js/jquery-1.6.2.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/content/js/jquery-ui-1.8.15.custom.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/content/js/jquery.message.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/content/js/jquery.ui.datepicker.js"&gt;&lt;/script&gt; &lt;!-- Adding support for transparent PNGs in IE6: --&gt; &lt;!--[if lte IE 6]&gt; &lt;script type="text/javascript" src="content/js/ddpng.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; DD_belatedPNG.fix('h3 img'); &lt;/script&gt; &lt;![endif]--&gt; &lt;script type="text/javascript" language="javascript"&gt; $(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'); }); }); &lt;/script&gt; &lt;asp:ContentPlaceHolder ID="headContent" runat="server"&gt;&lt;/asp:ContentPlaceHolder&gt; &lt;/head&gt; </code></pre> <p>Then in my aspx page I call the datepicker widget as follows:</p> <pre><code>$(".Datepicker").each(function () { $(this).datepicker(); }); </code></pre> <p>That piece of jquery is inside the document.ready() function. I checked both firefox and chrome's console to see if there was any error with my javascript and no problems were visible. Whenever I click the textboxes which gained the "hasDatepicker" class due to that function, nothing happens and I get no message from the console at all.</p> <p>Does anyone know why this happens?</p> <p>EDIT:</p> <p>This is how it looks in the DOM -</p> <p><img src="https://i.stack.imgur.com/GXiYb.jpg" alt="enter image description here"></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload