jQuery的.show和oninput-什麼也沒有發生

我有oninput和.show事件的一個問題：jQuery的.show和oninput-什麼也沒有發生

   <!-- 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>

當我開始打字，標籤「電子郵件」不顯示...怎麼了？

感謝

來源

2017-04-13 Pedro Antônio

月1日：我添加了一個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>

來源

2017-04-13 01:48:04

嗨。我的代碼工作正常，除了$（'label [name = email]'）。show（'slow'）。我把它放在鍍鉻控制檯上，不工作 –

@PedroAntônio如果你把console.log（'TEST'）; $（「＃inputName」）。on（「input」，function（e）{...}是否能夠觸發console.log ??? –

是的，console.log工作正常，但.show（'慢'）不.... –

解決了！類「escondido」隱藏了我的內容，以.show顯示。

.escondido{ 
    display: none!important; 
}

我只是刪除!important

.escondido{ 
    display: none; 
}

現在，$('label[name=email]').show('slow');工作得很好:)

感謝

來源

2017-04-16 19:07:25

jQuery的.show和oninput-什麼也沒有發生

回答

相關問題