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;
}

第二：尝试不使用内联脚本，不是一个好习惯。（定义名称输入的唯一ID，然后向其添加oninput事件）

第三：如果它不起作用，请确保你有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');正常工作：）

由于

Jquery .show和oninput-没有任何反应

2 个答案: