我试图在Asp.Net MVC网站上使用JQuery UI中的一些小部件,没有运气.
例如jQuery UI – functional demos的基本datepicker.
我创建了一个简单的MVC项目,并在Site.Master中添加了脚本引用,如下所示:
<script src="../../Scripts/jquery-1.2.6.min.js" type="text/javascript"></script> <script src="../../Scripts/jquery-ui-personalized-1.5.3.min.js" type="text/javascript"></script> <link href="../../Content/Site.css" rel="stylesheet" type="text/css" /> <link href="../../Content/ui.datepicker.css" rel="stylesheet" type="text/css" />"
在Index.aspx文件中,我已经清除了所有默认内容,并添加了以下内容:
<script type="text/javascript"> $("#basics").datepicker(); </script> <input type="text" size="10" value="click here" id="basics"/>
核心的jQuery工作正常.任何线索?
解决方法
确保在加载DOM后调用初始化程序:
$(document).ready(function() { $("#basics").datepicker(); });
By using this method,your bound function will be called the instant the DOM is ready to be read and manipulated,which is when 99.99% of all JavaScript code needs to run.