Question

我想知道当我选择字段时，是否有人可以协助解决我遇到的表格标签不会消失的问题？

我目前有一个Wordpress网站，我使用Contact Form 7插件创建表单。我已经使用了一个jQuery代码片段，我发现它实现了一些In-field-Labels，但出于某种原因，当我点击字段时标签文本不会消失？

我做错了什么？

http://alanbrandt.com/contact

请注意我不是开发人员，如果这看起来像是一个愚蠢的问题，那就很抱歉。

希望有人可以提供帮助吗？

谢谢！

解答：

这是解决方案......

jQuery(function(){
      $('#commentform')
  .on('mouseenter focus', 'input, textarea', function () {
      $(this).closest('p').find('label:first').css('opacity', 0.5)
  })
  .on('mouseleave focusout', 'input, textarea', function () {
      $(this).closest('p').find('label:first').css('opacity', 1)
  })
  .on('input', 'input', function (e) {
      var label = $(this).closest('p').find('label:first');
      e.target.value == '' ? label.show() : label.hide()
  });
});

Answer 1

试试这个，

jQuery(function(){
    jQuery('form.wpcf7-form').on('keyup','input, textarea',function(){
       jQuery(this).closest('span').prev('label').css('opacity',0);
    });
});

<强>更新

jQuery(function(){
    jQuery('form.wpcf7-form').on('keyup','input, textarea',function(){
       var opaq=1;
       if($(this).val())
           opaq=0;// if something has written then opacity should be 0
       jQuery(this).closest('span').prev('label').css('opacity',opaq);
    });
});

联系表格7现场标签

1 个答案: