jquery - 在文本输入上显示 div

Question

我有一个表单，我想根据文本字段中输入的文本显示一个 div。我正在使用的脚本在我的最新版本的 chrome 上运行得很好，但它不适用于 IE 或我的任何成员浏览器。脚本到底出了什么问题？

    <script>
$('document').ready(function(){
$('#gname').change(function() {
($(this).val() == "NBA 2k10") ? 
$('#number').slideDown('fast') : $('#number').hide();
})
});
</script>

Answer 1

$("document")在其他浏览器中不是有效的选择器，您需要 $(document) ，总体来说是这样的:

$(document).ready(function(){
  $('#gname').keyup(function() { //probably want keyup instead of change here
    if ($(this).val() == "NBA 2k10") 
      $('#number').slideDown('fast')
    else 
      $('#number').hide();
  });
});

You can test it here .

$(document).ready(function(){也可以只是$(function(){ 。 $("document")不起作用，因为它正在寻找 <document>元素，该元素不存在。

if/else更改只是为了使其总体上更清晰，这有点偏向，但一般来说您的条件语句不应该有副作用，这不是他们的意图。您可以那样使用它们，但最好是明确的，至少在我看来。