请新鲜的眼睛 - 主题问题 - jquery / select

Question

我正在尝试为用户提供游戏主题选项。以下是 .js 文件中的代码：

var clicks = 0; 
    $("#theme").on( "click", function(){
        clicks++;
        if(clicks == 1){
            var themeVal = $("#theme").val();
            var url = "url(../images/backgrounds/" + themeVal + ".jpg)";
            $("body").css('background-image', url);
            clicks = 0;
        }
    });

这里是 html 的简短版本：

 <select id="theme">
    <option value="" disabled="disabled" selected="selected">Select theme</option>
      <option value="tropical_beach">Beach</option>
      <option value="forest">Forest</option>
                     ....
</select>

这是我的文件结构：

在控制台中，我没有收到任何错误，并且所有值都按预期返回......但是当我从下拉列表中选择一个新值时，背景没有改变。我可能忽略了一些小东西。感谢您的眼球；）

更新：

var clicks = 0; 
    $("#theme").on( "change", function(){
        clicks++;
        if(clicks == 1){
            var themeVal = $("#theme").val();
            var url = "url('../images/backgrounds/" + themeVal + ".jpg')";
            $("body").css('background-image', url);
            clicks = 0;
        }
    });

Answer 1

为什么不尝试使用更改事件？

$( "#theme" ).change(function() {

});