2012-10-08 2 views
-1

저는 JQuery를 처음 사용하고 클릭시 입력 요소를 숨길 수있는 함수를 구현하려고합니다. 계속 구문 오류가 발생합니다.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(); 
+0

무엇을하려고합니까? –

+0

DOM 준비에서 입력을 숨기시겠습니까? 왜? – undefined

+0

어떤 구문 오류가 발생합니까? – Erwin

답변

0

나는 그것이 작동있어 한이 jsFiddle을 확인 - http://jsfiddle.net/tHbGh/

이에 JQuery와 변경

:

var usersearch = function() { 

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

} 

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

그것은 지금 'Uncaught ReferenceError : $ is not defined'오류를 계속 제공합니다. –

+0

JQuery Javascript가 포함되기 전에 준비 함수를 호출하기 때문입니다. – lifetimes

0

당신이 쓴대로 JS 코드가 유효하고 "구문 오류"를 생성합니다. jQuery와는 아무런 관련이 없습니다. 표준 JS 구문 오류입니다. 이 경우 var usersearch = {이 JSON 객체를 시작하지만 그 다음에 오는 코드는 JSON 구문을 따르지 않습니다.

0
function usersearch(){ 

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

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

//usersearch.ready(); 

이 당신이 할 의미는 무엇입니까? 함수를 올바르게 정의했는지 확인하십시오.

+0

usersearch가 클래스가되도록 클릭하고 해당 클래스의 메소드가되기를 원합니다. –