Javascript jQuery代码在我的本地计算机上不工作_Javascript_Jquery

Javascript jQuery代码在我的本地计算机上不工作

javascript jquery

Javascript jQuery代码在我的本地计算机上不工作,javascript,jquery,Javascript,Jquery,下面的代码在上运行良好由于某些原因，它在我本地的机器上不工作，我不确定我在哪里犯了错误。需要一个专家的眼睛来看看我在这段代码中做错了什么我从stackoverflow中得到的代码支持用日期填充选择列表但是我不能让它在我本地的机器上工作 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

下面的代码在上运行良好

由于某些原因，它在我本地的机器上不工作，我不确定我在哪里犯了错误。需要一个专家的眼睛来看看我在这段代码中做错了什么

我从stackoverflow中得到的代码支持用日期填充选择列表但是我不能让它在我本地的机器上工作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script  type="text/javascript"
        src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
    </script>
    <link href="css.css" rel="stylesheet" type="text/css" />
    <script>
    function pad(n){return n<10 ? '0'+n : n}
    var date = new Date();
    var selectElement = $('<select>'), optionElement;
    for (var count =0; count < 90; count++){
        formattedDate = pad(date.getUTCDate()) + '-' + pad(date.getUTCMonth()+1) + '-' +  date.getUTCFullYear();
        optionElement = $('<option>')
        optionElement.attr('value',formattedDate);
        optionElement.text(formattedDate);
        selectElement.append(optionElement);
        date.setDate(date.getDate() + 1);
    }
    $('#ddDate').append(selectElement);
    </script>
    </head>

    <body>

    <div id="ddDate"> </div>
    </body>
    </html>


无标题文件
函数板（n）{return n尝试将jquery包装到

jQuery（文档）.ready（函数）{
尝试将jquery包装到

jQuery（文档）.ready（函数）{
您在访问#ddDate元素之前就已经访问了它。因此，要么将javascript部分移动到主体下方，要么将代码包装到$（document）.ready（function（）{…}）
您在访问#ddDate元素之前就已经访问了它。因此，要么将javascript部分移动到主体下方，要么将代码包装到$（document）.ready（function（）{…}）
在JSFIDLE中，您正在使用onload
事件来运行pad（n）
。您需要在这里执行相同的操作
在JSFIDLE中将
标记修改为
，您正在使用onload
事件运行pad（n）
。您需要在此处执行相同的操作
将
标记修改为
您的JSFIDLE也不工作，缺少一些代码。您的$（'#ddDate'）…
应该在函数内部，并且您应该以某种方式调用该函数。您还缺少一个；optionElement=$（''）
显示了什么？有错误消息吗？它到底是如何工作的？单击时会发生什么情况：？您的js控制台报告了任何错误吗？您在firebug“net”中有任何404错误吗面板？一些人发布了解决方案并将其删除，我很幸运能够及时阅读。我试图将他的答案标记为正确，但我无法标记，因为它已被用户删除，无论如何，我感谢他的帮助。因为我无法回答，也不希望其他人在这方面浪费时间，所以我将发布解决方案作为问题的一部分。您的JSFIDLE也不起作用，某些代码正在运行缺少。您的$（'#ddDate'）…
应该在函数中，并且您应该以某种方式调用该函数。您还缺少optionElement=$（''）上的显示了什么？有错误消息吗？它到底是如何工作的？单击时会发生什么情况：？您的js控制台报告了任何错误吗？您在firebug“net”中有任何404错误吗面板？一些人发布了解决方案并将其删除。我很幸运能够及时阅读。我试图将他的答案标记为正确，但我无法标记，因为它已被用户删除，无论如何，我感谢他的帮助。因为我无法回答，也不希望其他人在这方面浪费时间，所以我将发布解决方案作为问题的一部分。
<script>
$(function(){
    function pad(n){return n<10 ? '0'+n : n}
    var date = new Date();
    var selectElement = $('<select>'), optionElement;
    for (var count =0; count < 90; count++){
        formattedDate = pad(date.getUTCDate()) + '-' + pad(date.getUTCMonth()+1) + '-' +  date.getUTCFullYear();
        optionElement = $('<option>')
        optionElement.attr('value',formattedDate);
        optionElement.text(formattedDate);
        selectElement.append(optionElement);
        date.setDate(date.getDate() + 1);
    }
    $('#ddDate').append(selectElement);
});
    </script>

<script>
  jQuery(document).ready(function) {