jquery - JQuery クラス構造: 関数呼び出し時の構文エラー

Question

私はJQueryが初めてで、クリック時に入力要素を非表示にする関数を実装しようとしています。構文エラーが発生し続けます。

HTML コード:

<div id="header">
    <div id="grad">
        <div id="blah">
            convo
        </div>
    </div>

    <div class="topimage"><img src="assets/scrybe.jpg" width="100px"></div>
</div>

<form>
    <input id="filter" onkeyup="blah.test()" placeholder="Search" type=
    "text">
</form>

<div id="leftcontainer">
    <input id="userlist" placeholder="Find people" type="text">
</div>

JQuery コード:

var usersearch = {

   $('#filter').click();

   //ready: function(){
   $("#filter").click(function() {
       $(this).hide();
   });
   //}
};

//usersearch.ready();

Answer 1

私はそれを機能させました。このjsFiddleをチェックしてください - http://jsfiddle.net/tHbGh/

JQuery を次のように変更します。

var usersearch = function() { 

$('#filter').click();

}

$(document).ready(function () {
    $('#filter').click(function () {
        $("#filter").hide();
    });
});

Answer 2

function usersearch(){

   $('#filter').click();

   //ready: function(){
   $("#filter").click(function() {
       $(this).hide();
   });
   //}
};

//usersearch.ready();

これがあなたの意図したことですか？関数を正しく定義していることを確認してください。

Answer 3

あなたが書いたJSコードは無効であり、「構文エラー」を生成します。jQuery とは関係なく、標準の JS 構文エラーです。この場合、var usersearch = {は JSON オブジェクトを開始しますが、直後に続くコードは JSON 構文に従っていません。