我正在使用 Ajax / Request 将元素加载到 div 容器中。默认情况下,我隐藏了一个输入框。如果用户单击该 div 上的编辑图标,我想显示输入框。这是我的代码:
代码
<div class='container'>
<input type = 'text' onkeydown='saveFn(event,this)' name = 'editemail' class = 'editemail' style='display:none; height:20px;' />
</div>
JS代码
$(".container").click(function(){
console.log($(this).find(".editemail").show()); //Note it works fine If i didn't load any new elements into the div.
});
将新元素加载到容器中之前的控制台日志输出。
<input type="text" onkeydown="saveFn(event,this)" name="editemail" class="editemail" style="height: 20px; " value="hyther@zohocorp.com" title="press enter to save">
将元素加载到容器后的控制台日志输出。
<input type="text" onkeydown="saveFn(event,this)" name="editemail" class="editemail" style="height: 20px; display: none; " value="saravanan@zohocorp.com" title="press enter to save">
即使我也尝试从这个元素中删除“样式”属性并添加一个新的样式元素,它仍然不起作用。