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

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

Answer 2

我已经让它工作了，检查这个 jsFiddle - http://jsfiddle.net/tHbGh/

将您的 JQuery 更改为：

var usersearch = function() { 

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

}

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

Answer 3

function usersearch(){

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

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

//usersearch.ready();

这是你的意思吗？确保正确定义函数。