質問のクリア入力フィールド

jqueryでこのjsfiddleコードが見つかりましたhttp://jsfiddle.net/anderskitson/AtqHm/ jsfiddleでうまく動作しますが、htmlファイルで実装しても機能しません。私はそれをホストしているhttp://anderskitson.ca/tests/javascript/clearOnHover.html私はそれが動作していない理由はかなり基本的なセットアップはわかりません。どんな助けでも大歓迎です。質問のクリア入力フィールド

<!doctype html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <title>Rat Recipes</title> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script> 
    </head> 
    <body> 
     <div id="form"> 
    <form method="post"> 
    <input type="text" class="class-11" value="Enter Choice #11"> 
    <input type="text" class="class-21" value="Enter Choice #21"> 
    <input name="submit" type="submit" id="submit" class="submit button" value="Send feedback" /> 
    </form> 
     <script> 
     $(document).ready(function() { 
     var default_val = ''; 
     $('input[class^="class-"]').focus(function() { 
      if($(this).val() == $(this).data('default_val') || !$(this).data('default_val')) { 
       $(this).data('default_val', $(this).val()); 
       $(this).val(''); 
      } 
     }); 

     $('input[class^="class-"]').blur(function() { 
      if ($(this).val() == '') $(this).val($(this).data('default_val')); 
     }); 
    }); 
     </script> 
    </body> 
</html>

出典

2012-02-20 Cool Guy Yo

どのブラウザが使用していますか？ –

私はsafariを使用しています –

上記のスニペットには表示されないready（）関数の最後に認識できない文字があるようです。メモ帳にコードをコピー/ペーストすると、 "？"キャラクター。削除するとコードが正常に機能します

出典

2012-02-20 21:40:39

これはまさにfirefoxの言う通りです - 29行目の "違法なキャラクター" – Aprillion

このキャラクターを見て、それを削除するにはどうすればいいですか、私はテキストメイトを使用していて、コーダーとテキスト編集にコードを貼り付けました。 "？"キャラクター。 –

私は最終の間にそれを見ています。タグ間にある文字をすべて削除し、手動で入力することをお勧めします。 –

私は野生での何らかの理由でブラウザ（S）のためであれば、最終的な文の中括弧のあなたの不足についてはあまり寛容されていることを私に示唆している、ライン29上のChromeでエラーを取得しています。試してみてください：

出典

2012-02-20 21:38:58 skybondsor

これに変更することは何も変わりません。 –

質問のクリア入力フィールド

答えて

関連する問題