.js 파일이 새로 렌더링 된 형식에서 작동하지 않습니다.

피터 트레 티 야코프

Transaction작성 및 편집을위한 두 가지 형식 모델이 Transaction있습니다. 둘 다 remote: true입니다. 양식은 사소한 차이를 제외하고는 거의 동일하므로 클래스와 ID가 동일한 태그가 거의 동일합니다.

버튼, 필드, 양식 드롭 다운의 모든 동작은 transaction.js.coffee파일에 설명되어 있습니다.

edit.js.coffee:

$('#new_transaction').remove()
$('#t_table').before('<%= j render 'edit_form' %>')
$('#edit_transaction_<%= @transaction.id %>').slideDown 'fast'

edit 컨트롤러의 동작도 매우 간단합니다.

def edit
  @transaction = current_user.transactions.find(params[:id])
  respond_to do |format|
    format.html { redirect_to root_url }
    format.js
  end
end

따라서 사용자가 "Edit"버튼을 클릭 하면 같은 위치 에서 코드를 edit.js.coffee제거 new_transaction하고 렌더링합니다 edit_transaction.

그러나의 모든 동작 transaction.js.coffee이이 새로운 형태로 작동하지 않습니다. 에 복사하면 edit.js.coffee정상적으로 작동합니다. 그러나 그것은 나에게 좋지 않습니다. 왜냐하면 두 곳에서 코드를 변경해야하기 때문입니다. 또한 Rails의 모든 DRY 철학에 좋지 않습니다 (:

감사!

마이크 신델

문제는 양식 태그를 포함하도록 DOM을 수정하기 전에 스크립트가 실행된다는 것입니다. 당신도 사용할 수 있습니다 .on()jQuery를 기능 (의 함수를 호출 (때로는 까다 롭습니다) 또는로드 양식 후를 edit.js.coffe당신이 정의하는 것을)transaction.js.coffee

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

부울 유형의 렌더링 된 속성이 프라임 페이스에서 작동하지 않습니다.

분류에서Dev

타이머 이벤트에서 표시된 양식이 제대로 렌더링되지 않습니다.

분류에서Dev

상태를 사용하는 동안 반응 js에서 렌더링이 작동하지 않습니다.

분류에서Dev

NodeJS는 각도 측면에서 작동하지 않는 양식으로 HTML 파일을 렌더링합니다.

분류에서Dev

다른 뷰를 렌더링하는 간단한 각도 js 프로그램이 작동하지 않습니다.

분류에서Dev

React Router V4-페이지가 변경된 경로에서 다시 렌더링되지 않습니다.

분류에서Dev

createRef로 생성 된 ref는 각 렌더링에서 동일해야하지 않습니까?

분류에서Dev

.js.erb 파일 (원격 트루 트리거)이 작동하지 않는 Rails에서 부분 렌더링

분류에서Dev

PIL 이미지가 입력 된 픽셀 값을 올바른 순서로 렌더링하지 않습니다.

분류에서Dev

Blazor 서버 : 다시 렌더링 된 UI 수동 새로 고침

분류에서Dev

leanModal.js에 대한 링크는 HTML 링크에 의해 렌더링되지만 React 내에서는 제대로 작동하지 않습니다.

분류에서Dev

데이터베이스에서 렌더링 된 텍스트는 항상 다음 줄로 이동하지 않습니다.

분류에서Dev

조건부로 렌더링 된 구성 요소의 양식 제출이 처리되지 않습니다.

분류에서Dev

조건부로 렌더링 된 구성 요소의 양식 제출이 처리되지 않습니다.

분류에서Dev

three.js가 작동하지 않는 텍스처 알파로 렌더링

분류에서Dev

three.js가 작동하지 않는 텍스처 알파로 렌더링

분류에서Dev

오류 : 페이지 매김 (...) : 렌더링에서 반환 된 항목이 없습니다. 이것은 일반적으로 return 문이 없음을 의미합니다. 또는 아무것도 렌더링하지 않으려면 null을 반환합니다.

분류에서Dev

a4j : outputPanel에서 렌더링이 작동하지 않습니다.

분류에서Dev

<Connect />는 onSubscriptionMsg를 다시 렌더링하지만 새 데이터로는 렌더링하지 않습니다.

분류에서Dev

오류 : StateProvider (...) : 렌더링에서 반환 된 항목이 없습니다. 이것은 일반적으로 return 문이 없음을 의미합니다. 또는 아무것도 렌더링하지 않으려면 null을 반환합니다.

분류에서Dev

템플릿이 명명 된 콘센트로 렌더링되지 않습니다.

분류에서Dev

템플릿이 명명 된 콘센트로 렌더링되지 않습니다.

분류에서Dev

23:59 이후에 배치 파일에서 생성 된 Android 로그 파일이 작동하지 않습니다.

분류에서Dev

xcode에서 새로 생성 된 프로토콜 헤더 파일에서 자동 완성이 작동하지 않는 이유는 무엇입니까?

분류에서Dev

three.js-미러링 된 (뒤집은) 모델이 적절하게 렌더링되지 않습니다.

분류에서Dev

JSX 조건부 렌더링이 예상대로 작동하지 않습니다.

분류에서Dev

React hooks JSX 렌더링이 제대로 작동하지 않습니다.

분류에서Dev

heatmap.js가 내 웹 사이트에서 렌더링되지 않습니다.

분류에서Dev

heroku js.erb 파일은 텍스트로 렌더링해야하는 형식을 출력합니다.

Related 관련 기사

  1. 1

    부울 유형의 렌더링 된 속성이 프라임 페이스에서 작동하지 않습니다.

  2. 2

    타이머 이벤트에서 표시된 양식이 제대로 렌더링되지 않습니다.

  3. 3

    상태를 사용하는 동안 반응 js에서 렌더링이 작동하지 않습니다.

  4. 4

    NodeJS는 각도 측면에서 작동하지 않는 양식으로 HTML 파일을 렌더링합니다.

  5. 5

    다른 뷰를 렌더링하는 간단한 각도 js 프로그램이 작동하지 않습니다.

  6. 6

    React Router V4-페이지가 변경된 경로에서 다시 렌더링되지 않습니다.

  7. 7

    createRef로 생성 된 ref는 각 렌더링에서 동일해야하지 않습니까?

  8. 8

    .js.erb 파일 (원격 트루 트리거)이 작동하지 않는 Rails에서 부분 렌더링

  9. 9

    PIL 이미지가 입력 된 픽셀 값을 올바른 순서로 렌더링하지 않습니다.

  10. 10

    Blazor 서버 : 다시 렌더링 된 UI 수동 새로 고침

  11. 11

    leanModal.js에 대한 링크는 HTML 링크에 의해 렌더링되지만 React 내에서는 제대로 작동하지 않습니다.

  12. 12

    데이터베이스에서 렌더링 된 텍스트는 항상 다음 줄로 이동하지 않습니다.

  13. 13

    조건부로 렌더링 된 구성 요소의 양식 제출이 처리되지 않습니다.

  14. 14

    조건부로 렌더링 된 구성 요소의 양식 제출이 처리되지 않습니다.

  15. 15

    three.js가 작동하지 않는 텍스처 알파로 렌더링

  16. 16

    three.js가 작동하지 않는 텍스처 알파로 렌더링

  17. 17

    오류 : 페이지 매김 (...) : 렌더링에서 반환 된 항목이 없습니다. 이것은 일반적으로 return 문이 없음을 의미합니다. 또는 아무것도 렌더링하지 않으려면 null을 반환합니다.

  18. 18

    a4j : outputPanel에서 렌더링이 작동하지 않습니다.

  19. 19

    <Connect />는 onSubscriptionMsg를 다시 렌더링하지만 새 데이터로는 렌더링하지 않습니다.

  20. 20

    오류 : StateProvider (...) : 렌더링에서 반환 된 항목이 없습니다. 이것은 일반적으로 return 문이 없음을 의미합니다. 또는 아무것도 렌더링하지 않으려면 null을 반환합니다.

  21. 21

    템플릿이 명명 된 콘센트로 렌더링되지 않습니다.

  22. 22

    템플릿이 명명 된 콘센트로 렌더링되지 않습니다.

  23. 23

    23:59 이후에 배치 파일에서 생성 된 Android 로그 파일이 작동하지 않습니다.

  24. 24

    xcode에서 새로 생성 된 프로토콜 헤더 파일에서 자동 완성이 작동하지 않는 이유는 무엇입니까?

  25. 25

    three.js-미러링 된 (뒤집은) 모델이 적절하게 렌더링되지 않습니다.

  26. 26

    JSX 조건부 렌더링이 예상대로 작동하지 않습니다.

  27. 27

    React hooks JSX 렌더링이 제대로 작동하지 않습니다.

  28. 28

    heatmap.js가 내 웹 사이트에서 렌더링되지 않습니다.

  29. 29

    heroku js.erb 파일은 텍스트로 렌더링해야하는 형식을 출력합니다.

뜨겁다태그

보관