문제 3

Question

나는 파일의 나머지 부분은 jQuery를 호버 이벤트를 제외하고 작업을 명령 JS 파일 (하지 백본)에 다음 코드를했다 : 여기

$ -> 
     $("#welcome").modal "show" 
     $(".george").hover -> 
       $(".peche").fadeIn(1000).css("display","inline-block") 
       $(".peche").fadeOut(300).css("display","none") 
     $("#yes").click -> 
       $("#welcome").modal "hide" 
       $("#prospective_user").modal "show" 
     $("#no").click -> 
       $("#welcome").modal "hide" 
       $("#returning_user").modal "show" 
     $("#back").click -> 
       $("#prospective_user").modal "hide" 
       $("#welcome").modal "show" 
     $("#backto").click -> 
       $("#returning_user").modal "hide" 
       $("#welcome").modal "show" 

는이다 요소가 마우스 커서를 올려 확인한 수와 요소를 표시 할 수와 백본 ECO 템플릿을 사용 :

.peche{display:none;} 

:

<% for post in @posts.models: %> 

     <tr class="george"><td> 
       <center><div class="postdata"> 
       <% if post.get('content').length > 140: %> 
         <%=post.get('content').substring(0, 140)+"\t\t"%> 
         ...<a href="show/<%= post.get('id') %>">see more</a> 
       <% else: %> 
         <%= post.get('content') %> 
       <% end %> 
     <br></div></center> 

<span class="peche"><center> 
<a href="<%= post.get('id') %>/like" data-remote="true">Agree</a> 
<a href="<%= post.get('id') %>/dislike" data-remote="true">Disagree</a> 
<a href="voice/<%= post.get('id') %>">Voice</a> 
<a href="show/<%= post.get('id') %>">Comment</a> 
<a href="report/post/<%= post.get('id') %>">Report</a> 
</center></span></td></tr> 

<% end %> 

과 페쉬를위한 CSS3210

왜이 호버 이벤트가 작동하지 않습니까? 위의 에코 템플릿은 내 백본 응용 프로그램의 일부인 반면 js 파일은 javascript/폴더에 있습니다. 이 일하면 안돼? JSFiddle에서 정규 HTML과 .eco를 사용하지 않고 작업했습니다.

Answer 1

모든 코드가 표시되지 않는다고 생각하기 때문에 확실하지 않습니다. 그러나 백본을 사용할 때는 템플릿이 있어야하며 백본을 사용하여 뷰에 이벤트를 작성해야합니다.이 경우에는 그렇지 않습니다. 기본 레일보기처럼 보이므로 백본을 사용하고 있는지 확인하십시오.

그러나 백본보기를 사용하고 백본 이벤트 작성을 피하고 대신 이벤트에 대한 일반 jquery 코드를 작성해야한다고 가정하면 jQuery의 "라이브"이벤트를 사용하여 생성 된 모든 새로운 동적 뷰는 어떤 문제. 그래서

$ -> 
     $("#welcome").modal "show" 
     $(".george").live "hover", -> 
     $(".peche").fadeIn(1000).css("display","inline-block") 
     $(".peche").fadeOut(300).css("display","none") 
     $("#yes").live "click" -> 
     $("#welcome").modal "hide" 
     $("#prospective_user").modal "show" 
     $("#no").live "click" -> 
     $("#welcome").modal "hide" 
     $("#returning_user").modal "show" 
     $("#back").live "click" -> 
     $("#prospective_user").modal "hide" 
     $("#welcome").modal "show" 
     $("#backto").live "click" -> 
     $("#returning_user").modal "hide" 
     $("#welcome").modal "show"