Jquery .show 和 oninput - 什么也没发生

Question

我对oninput和.show事件有问题：

              <!-- NAME -->
                <label>Meu nome completo é <input type="text" name="nome" class="linha_embaixo cor_input" oninput="$('label[name=email]').show('slow');" /></label> <br>
                <!-- EMAIL -->
                <label name="email" class="escondido email">e uso o email <input type="email" name="email" class="linha_embaixo cor_input" /></label><br>

当我开始输入时，标签"电子邮件"没有显示...怎么了？

谢谢

Answer 1

1st：我添加了一个 css 类来隐藏电子邮件标签/输入

.hideme {
 display: none;
}

2nd：尽量不要使用内联脚本，这不是一个好的做法。(为名称输入定义唯一 ID，然后向其添加 oninput 事件(

3rd：如果它不起作用，请确保你有jQuery？

希望这对你有帮助！

$("#inputName").on("input", function(e) {
   $('#email_label').css('display', 'inline-block');
   $('#linha_embaixo').css('display', 'inline-block');
});

.hideme {
 display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!-- NAME -->
<label>Meu nome completo é
  <input type="text" name="nome" class="linha_embaixo cor_input" id="inputName" />
</label>
<br>
<!-- EMAIL -->
<label name="email" class="escondido email hideme" id="email_label">e uso o email
  <input type="email" name="email" id="email_input" class="linha_embaixo cor_input" />
</label>
<br>

Answer 2

解决了！"escondido"类隐藏了我的内容，以显示.show。

.escondido{
    display: none!important;
}

我只是删除!important

.escondido{
    display: none;
}

现在，$('label[name=email]').show('slow');工作正常:)

谢谢