jquery가 작동하지 않음

Question

레일 애플리케이션을 개발 중입니다. index.html.haml에서 _form.html.haml (새 작업 및 편집 작업의 경우)도 렌더링 중입니다. 클릭하면 색인 페이지에 "그룹 추가"링크가있어서 양식의 특정 필드를 비활성화해야합니다. 나는 그것에 대한 jquery 코드를 작성했다. 내 문제는 내가 링크를 클릭하면 필드가 비활성화되어 (회색으로 표시됨) 즉시 즉시 다시 활성화됩니다. 페이지를 새로 고침하면 비활성화 된 필드가 표시됩니다. 링크를 클릭 한 다음 사용 중지 된 상태가 유지되기를 원합니다. 새로운 편집 작업에 대한

jQuery를 코드

$(function(){ 
    $("#add_requirement_group").click(function() { 
     $("#requirement_text_full, #requirement_requirement_type").prop("disabled", true); 
    }); 
}); 

양식.

= form_for ([@requirement.requirements_template, @requirement]), html: { class: "form-horizontal" } do |f| 
    - if @requirement.errors.any? 
    #error_explanation 
     %h2= "#{pluralize(@requirement.errors.count, "error")} prohibited this requirement from being saved:" 
     %ul 
     - @requirement.errors.full_messages.each do |msg| 
      %li= msg %fieldset 
    .control-group 
     = f.hidden_field :parent_id 
    .control-group 
     = f.label :text_brief, class: "control-label" 
     .controls 
     = f.text_field(:text_brief, class: "input-block-level") 
    .control-group 
     = f.label :text_full, class: "control-label" 
     .controls 
     = f.text_area(:text_full, rows: 5, class: "input-block-level") 
    .control-group 
     = f.label :obligation, class: "control-label" 
    .control-group 
     = f.label :requirement_type, class: "control-label" 
     .controls 
     = f.select :requirement_type, options_for_select([:text, :numeric, :date, :enum]), include_blank: true 
     .actions.pull-right 
    %br/ 
    = f.submit 'Save', class: 'btn btn-info' 
    = button_to 'Finish', '#', class: 'btn btn-info', method: :get 

index.html.haml

%hr 
.row-fluid 
    .span4 
    %fieldset.template_outline 
     %strong Template Outline 
     %br 
     = link_to 'Add Group', new_requirements_template_requirement_path(@requirements_template), id: "add_requirement_group" 
     %hr 
     = render 'form' 

나는 그것이 같은 간단한 코드 조각 그러나 예상대로 어떤 이유로 비활성화가 작동하지 알고있다.

Answer 1

확인. "그룹 추가"링크를 클릭하면 클릭 이벤트 핸들러가 실행되고 예상대로 HTML 컨트롤이 비활성화됩니다. 그러나, "new_requirements_tempate_reqquirement_path"로 리다이렉트를 할 것이고, 나는 그것이 당신이하고 싶지 않다고 생각한다. DOM 요소의 기본 동작을 억제하기 위해, 당신은 할 수 있습니다 사용 "에서 preventDefault().

$(function(){ 
    $("#add_requirement_group").click(function(e) { 
     e.preventDefault(); 
     $("#requirement_text_full, #requirement_requirement_type").prop("disabled", true); 
    }); 
}); 

당신이 설명하는 동작은 당신이 레일 (4)

을에 선박 표준 터보 링크를 사용하는 나에게 말한다