Backbone Rails : application.html.erb에서 HTML 용 자바 스크립트를 추가하는 방법

user2158382

안녕하세요 저는 백본을 처음 사용하고 기본적으로 자바 스크립트를 HTML 페이지로 라우팅한다는 것을 이해하지만 application.html.erb특정 URL이 없기 때문에 자바 스크립트를로 라우팅 할 수 없습니다 .

작업하려는 HTML을 제거하고 색인 페이지로 이동하여이 문제를 해결할 수 있지만 실제로 원하는 것은 아닙니다.

내 "솔루션"

views / posts / post_index.js.coffee

class Poster.Views.PostsIndex extends Backbone.View

  template: JST['posts/index']

  events:
    'click #new_post': 'createPost'

  initialize: ->
    @collection.on('reset', @render, this)
    @collection.on('add', @appendEntry, this)

  render: ->
    $(@el).html(@template())
    @collection.each(@appendEntry)
    this

  createPost: (event) ->
    Backbone.history.navigate("/posts/new", true)

  appendEntry: (post) ->
    view = new Poster.Views.Post(model: post)
    $('#posts_container').append(view.render().el)

index.jst.eco

<div id="menu_bar" class="jumbotron menu_bar row">
    <div class="col-sm-2">
        <button id="new_post" type="button" class="btn btn-default">Post</button>
    </div>
    <div class="col-offset-8 col-sm-2">
        List
    </div>
</div>
셰인

프론트 엔드 프레임 워크를 사용하면 가장 좋은 방법은 js 액세스가 필요한 모든 것을 application.html 파일에서 제거하는 것입니다. 정말로 그 내용을 application.html 파일에 보관하고 싶다면 javascript로 쉽게 찾을 수 있도록 ID에 액세스하려는 각 요소를 부여 할 수 있습니다. 그 외에는 말한 것처럼 모든 것을 색인 페이지로 옮기는 것이 가장 좋습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트에서 for 루프를 사용하여 HTML을 추가하는 방법

분류에서Dev

HTML, 자바 스크립트를 사용하여 페이지에 더 많은 정보를 추가하는 방법

분류에서Dev

자바 스크립트를 사용하여 HTML에서 스크립트 태그를 제거하는 방법

분류에서Dev

HTML에서 자바 스크립트 변수를 사용하는 방법

분류에서Dev

자바 스크립트를 사용하여 HTML DOM 요소에서 문자열을 찾고 바꾸는 방법

분류에서Dev

자바 스크립트에서 루프를 사용하여 모든 HTML 태그를 제거하는 방법

분류에서Dev

내 사용자 정의 된 자바 스크립트 코드를 html / php 페이지에 추가 (링크)하는 방법

분류에서Dev

HTML 페이지에서 자바 스크립트를 사용하여 버튼을 동적으로 추가하는 방법

분류에서Dev

자바 스크립트를 사용하여 코드 HTML을 텍스트 영역에 삽입하는 방법

분류에서Dev

자바 스크립트를 사용하여 iframe에서 html 파일을 표시하는 방법

분류에서Dev

자바 스크립트를 사용하여 기존 HTML 양식에 입력 상자 행을 추가하는 방법

분류에서Dev

HTML 페이지에서이 자바 스크립트를 사용하는 방법은 무엇입니까?

분류에서Dev

React에서 자바 스크립트 모듈 객체 (HTML + JS 횡령)를 사용하는 방법

분류에서Dev

자바 스크립트를 사용하여 필수 HTML 요소를 양식에 동적으로 추가하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트를 사용하여 클릭에 HTML의 DIV를 제거하는 방법

분류에서Dev

워드 프레스 : 자바 스크립트 변수를 HTML 본문에 사용하는 방법

분류에서Dev

자바 스크립트를 사용하여 HTML을 렌더링하는 방법

분류에서Dev

자바 스크립트를 사용하여 HTML 테이블에 행 추가

분류에서Dev

HTML에 자바 스크립트를 추가하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 사용할 HTML에서 특정 사용자 입력을 선택하는 방법

분류에서Dev

자바 스크립트에서 Html div를 만들고 편집하는 방법

분류에서Dev

HTML에서 자바 스크립트 변수를 표시하는 방법

분류에서Dev

자바 스크립트에서 HTML 페이지를로드하는 방법

분류에서Dev

HTML 코드에서 자바 스크립트 변수를 표시하는 방법

분류에서Dev

HTML과 자바 스크립트 코드를 동시에 재사용하는 방법은 무엇입니까?

분류에서Dev

내 HTML 문서의 \ n \ g를 자바 스크립트로 바꾸는 방법

분류에서Dev

HTML에 Python 스크립트를 추가하는 방법

분류에서Dev

사용자가 python 스크립트를 사용하여 입력 할 수 있도록 python 스크립트를 HTML 사이트에 구현하는 방법

분류에서Dev

div 내에서 자바 스크립트를 사용하여 스크립트를 추가하는 방법

Related 관련 기사

  1. 1

    자바 스크립트에서 for 루프를 사용하여 HTML을 추가하는 방법

  2. 2

    HTML, 자바 스크립트를 사용하여 페이지에 더 많은 정보를 추가하는 방법

  3. 3

    자바 스크립트를 사용하여 HTML에서 스크립트 태그를 제거하는 방법

  4. 4

    HTML에서 자바 스크립트 변수를 사용하는 방법

  5. 5

    자바 스크립트를 사용하여 HTML DOM 요소에서 문자열을 찾고 바꾸는 방법

  6. 6

    자바 스크립트에서 루프를 사용하여 모든 HTML 태그를 제거하는 방법

  7. 7

    내 사용자 정의 된 자바 스크립트 코드를 html / php 페이지에 추가 (링크)하는 방법

  8. 8

    HTML 페이지에서 자바 스크립트를 사용하여 버튼을 동적으로 추가하는 방법

  9. 9

    자바 스크립트를 사용하여 코드 HTML을 텍스트 영역에 삽입하는 방법

  10. 10

    자바 스크립트를 사용하여 iframe에서 html 파일을 표시하는 방법

  11. 11

    자바 스크립트를 사용하여 기존 HTML 양식에 입력 상자 행을 추가하는 방법

  12. 12

    HTML 페이지에서이 자바 스크립트를 사용하는 방법은 무엇입니까?

  13. 13

    React에서 자바 스크립트 모듈 객체 (HTML + JS 횡령)를 사용하는 방법

  14. 14

    자바 스크립트를 사용하여 필수 HTML 요소를 양식에 동적으로 추가하는 방법은 무엇입니까?

  15. 15

    자바 스크립트를 사용하여 클릭에 HTML의 DIV를 제거하는 방법

  16. 16

    워드 프레스 : 자바 스크립트 변수를 HTML 본문에 사용하는 방법

  17. 17

    자바 스크립트를 사용하여 HTML을 렌더링하는 방법

  18. 18

    자바 스크립트를 사용하여 HTML 테이블에 행 추가

  19. 19

    HTML에 자바 스크립트를 추가하는 방법은 무엇입니까?

  20. 20

    자바 스크립트에서 사용할 HTML에서 특정 사용자 입력을 선택하는 방법

  21. 21

    자바 스크립트에서 Html div를 만들고 편집하는 방법

  22. 22

    HTML에서 자바 스크립트 변수를 표시하는 방법

  23. 23

    자바 스크립트에서 HTML 페이지를로드하는 방법

  24. 24

    HTML 코드에서 자바 스크립트 변수를 표시하는 방법

  25. 25

    HTML과 자바 스크립트 코드를 동시에 재사용하는 방법은 무엇입니까?

  26. 26

    내 HTML 문서의 \ n \ g를 자바 스크립트로 바꾸는 방법

  27. 27

    HTML에 Python 스크립트를 추가하는 방법

  28. 28

    사용자가 python 스크립트를 사용하여 입력 할 수 있도록 python 스크립트를 HTML 사이트에 구현하는 방법

  29. 29

    div 내에서 자바 스크립트를 사용하여 스크립트를 추가하는 방법

뜨겁다태그

보관