jQuery - 将变量与图像src结合起来替换image attr

Question

下面是我的脚本，它假设根据用户的当地时间向用户显示问候语。我从另一个堆栈溢出答案得到了脚本，但是在替换图像src时遇到了麻烦。我收到以下错误

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8888/neil-wp/imgurl%20+%20second.jpg


$(document).ready(function () {
    datetoday = new Date(); // create new Date()
    timenow = datetoday.getTime(); // grabbing the time it is now
    datetoday.setTime(timenow); // setting the time now to datetoday variable
    hournow = datetoday.getHours();  //the hour it is
    imgselector = $('#greeting-img')
    imgpath = 'wp-content/themes/neil/img/'

    if (hournow >= 16.5) { // if it is after 4:30pm
        imgselector.attr("src","imgpath + goodevening.gif");
    }  
    else if (hournow >= 12) { // if it is after 12pm
        imgselector.attr("src","imgpath + goodafternoon.gif");
    } 
    else if (hournow >= 0) { // if it is after midnight
        imgselector.attr("src","imgpath + goodmorning.gif");
    }
});

// Wait for window load
$(window).load(function() {
    $(".greeting").delay(2000).fadeOut("200");
});

这是我的HTML

<div class="greeting">
    <div class="greeting-inner">
    <img id="greeting-img" src="">
    </div>
</div>

Answer 1

由于imgpath是可变的，请使用：

imgselector.attr("src",imgpath + "goodmorning.gif");