2013-08-31 2 views
0

제 레일 어플리케이션에서 jquery 효과를 추가해야합니다. 버튼을 클릭하면 단락 태그의 내용을 숨기도록하는 버튼입니다. 나는 앱/자산/자바 스크립트가jquery in rails 3을 포함합니다.

<script> 
    $(document).ready(function(){ 
    $("button").click(function(){ 
    $(#para1).hide(); 
    }); 
}); 
</script> 

폴더 안에 그러나 나의 마지막에서 tweets.js 내 jQuery 코드를 포함 한 모든 가능한 방법하지만 뷰

<p id = "para1"> 

    <% javascript_include_tag "tweets" %> 
    <%=form_tag({controller: 'tweets', action:'index'}, method: "get") do %> 
    <%=label_tag(:search, "Search for:") %> 
    <%=text_field_tag(:text)%> 
    <%=label_tag(:show, "Show for:") %> 
    <%=text_field_tag(:show) %> 
    <%= submit_tag("GO") %> 

</p> 

    <button type = "button" onclick= "myfunction()">Try it</button> 

<%end %> 

내 코드를 작동하지 않는 시도 보기 검색 버튼을 얻고 있지만 아무 것도 클릭하지 않을 때. 해당 기능을 포함하고 보이지 않게되는 페이지로 연결되지 않습니다. 제발 도와주세요.

+0

jQuery가 올바르게로드되고 자바 스크립트 오류가 없는지 확인하려면 방화 광과 같은 도구를 사용해야합니다. 또한'javascript_include_tag'는''섹션에서 더 좋을 것입니다. – Baldrick

답변

0

이것은 단락 w 안에 form을 추가했기 때문입니다. hich는 유효한 html이 아닙니다. http://validator.w3.org/

과 함께 URL을 확인하십시오. 이와 함께 오타가 있습니다.

$(#para1).hide();

, 그것은 작동 오타 고정하고 <div id="para1"> 의해 <p id = "para1"> 교환 후 $("#para1").hide();

를 할 필요가있다.