1

サイドバーにWordpressプラグインの一部であるフォームがあり、フォームを生成するPHPコードがどこにあるかわからないため、jQueryを使用してテキスト入力にクラスと値を追加したいと思います。これまでのところ:

$j('body').ready(function() {
    $j('form#searchform').find(':input#s').addClass('default-value');
    $j('form#searchform').find(':input#s').val('enter search here...');
});

クラスはhtmlに正常に追加されますが、値はテキスト入力に表示されますが、htmlに追加されません。つまり、タグ内に追加されます。これは、デフォルト値のスクリプトが機能するために必要です。だから、インラインで値を追加する方法があるのだろうか?

デフォルト値のスクリプト

  $j('.default-value').each(function() {
      var default_value = $j(this).val();
      $j(this).css('color', '#837D73'); // this could be in the style sheet instead
      $j(this).focus(function() {
          if(this.value == default_value) {
              this.value = '';
              $j(this).css('color', 'black');
          }
      });
      $j(this).blur(function() {
          if(this.value == '') {
              $j(this).css('color', '#837D73');
              this.value = default_value;
          }
      });
  });
4

1 に答える 1

1

コードが機能するはずです。クラス名http://jsfiddle.net/fedmich/NbRBe/を必ず追加してください

そして気づく

var default_value = this.value; //<-do it like this instead

ヒント: jquery チェーンを使用してみてください

このようにコードを単純化できます。

$j('body').ready(function() {
    $j('input#s')
        .addClass('default-value')
        .val('enter search here...');
});
于 2012-07-10T00:13:48.407 に答える