当使用 jQuery 聚焦输入字段时,我试图将 css 应用于标签,但它似乎不起作用。联系表单加载在 iframe 中。如果不使用 iframe,它可以正常工作 - 检查这个 jsfiddle: http: //jsfiddle.net/nN3w2/(如果 iframe 没有加载服务器可能会关闭 - 但代码在那里供您查看)。
iframe 和联系表单位于同一个域中。使用 php 将联系表包含在我的网站中。
<script type="text/javascript">
jQuery(document).ready(function($) {
$("#iframe").contents().find("input").focus(function() {
$("#iframe").contents().find("label").css('opacity','0');
});
});
</script>
非 iframe
<script type="text/javascript">
jQuery(document).ready(function($) {
$("input").focus(function() {
$("label").css('opacity','0');
});
$("input").focusout(function() {
if($("input").val() ==="" ) {
$("label").css('opacity','1');
}
});
});
</script>