0

フィールドを選択したときにフォーム ラベルが消えないという問題を誰かが支援してくれるかどうか疑問に思っていました。

現在、フォームの作成に Contact Form 7 プラグインを使用する Wordpress サイトを持っています。それ以来、いくつかのフィールド内ラベルを実装するために見つけたjQueryコードスニペットを使用しましたが、何らかの理由でフィールドをクリックしてもラベルテキストが消えませんか?

私は何を間違っていますか？

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()
  });
});
4

1 に答える 1

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);
    });
});
于 2013-06-24T08:26:35.593 に答える