Question

在学习jquery的大学课程中，本周我们应该使用jquery进行定时问候。我以前做过类似直接JS的简单结果。但是，我似乎无法使用jquery显示消息。下面是带代码的脚本标记。正如我过去所教过的，这些都在标签中。

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script>

        var hrs = newDate().getHours();
        var greet;


        if (hrs > 0 && hrs < 12) {
            greet = 'Guten Morgan';

        else if (hrs >= 12 && hrs <= 17) 
            greet = 'Guten Tag';

        else if (hrs >= 17 && hrs <= 24) 
            greet = 'Guten Abend';
        }
        $('.greeting').append(greet);
    </script>

任何帮助都会非常感激，因为我似乎无法找到问题。

将脚本移动到正文并且它有效，但是，在调整标记的对齐后，它再次破坏。即使取消对齐更改也无法修复它。

此时我完全迷失了。

Answer 1

这些只是语法错误。 data.frame(animals, ldf = I(lapply(animals, make_df))) # ^是一个拼写错误（应该是newDate）并且您的new Date条款中有不正确的大括号（您需要省略两个if和{你确实包括或包括每个条款的全套括号）：

var hrs = new Date().getHours();
var greet;
if (hrs > 0 && hrs < 12) {
  greet = 'Guten Morgan';
} else if (hrs >= 12 && hrs <= 17) {
  greet = 'Guten Tag';
} else if (hrs >= 17 && hrs <= 24) {
  greet = 'Guten Abend';
}

$('.greeting').append(greet); // This works, but append is usually for DOM nodes; 
                              // you probably want .html(greet) or .text(greet) 
                              // here instead

在浏览器中处理javascript代码时，总是将浏览器开发人员工具打开到控制台是个好主意，这样您就可以看到错误消息。

Answer 2

首先正确编写语法，这意味着您编写了错误的语法。在询问问题之前调试代码。您可以关注https://jquery.com来学习jQuery。您可以按如下方式编写代码以附加问候语。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
   var hrs = new Date().getHours();
   var greet;
   if(hrs > 0 && hrs < 12)
    greet = 'Guten Morgan';

   if(hrs >= 12 && hrs <= 17)
    greet = 'Guten Tag';

   if(hrs >= 17 && hrs <= 24)
    greet = 'Guten Abend';

   $('.greeting').append(greet);
</script>

使用jquery追加语句来定时问候语

2 个答案: