显示隐藏 <DIV> 基于 <SELECT>值

Question

谁能帮我指出是什么阻止了此与jsFiddle完美配合的代码在我的网页上工作？

在过去的几个小时中，我一直在尝试解决此问题，无论我做什么，我似乎都无法触发它。 我感觉这将是一件非常简单而愚蠢的事情，完全淹没了我的头，但是它正在慢慢地勾勒我，阻碍了其他依赖此事的进展。

感谢提供的任何帮助，谢谢。

$('#select-os').change( function() {
    if (this.value == "r") {
        $('.wont').show();
        $('.ready, .will').hide();
    }
    else if (this.value == "g") {
        $('.will').show();
        $('.ready, .wont').hide();
    }
});

Answer 1

您需要一个document.ready尝试以下操作：

$(document).ready(function (){
 $('#select-os').change( function() {
    if (this.value == "r") {
        $('.wont').show();
        $('.ready, .will').hide();
    }
    else if (this.value == "g") {
        $('.will').show();
        $('.ready, .wont').hide();
    }
 });
});