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

因为你它写JS代码是无效的，并产生一个 “语法错误”。它与jQuery无关，只是一个标准的JS语法错误。在这种情况下，var usersearch = {开始一个JSON对象，但紧接着的代码不遵循JSON语法。

Answer 3

function usersearch(){ 

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

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

//usersearch.ready(); 

这是你的意思呢？确保你正确定义了功能。