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();

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

JQuery类结构：调用函数时出现语法错误

3 个答案: