jquery로 버튼 클릭시 폼 클릭 활성화 및 비활성화

Question

jquery 및 jquery mobile에서 작업 중이며 기본적으로 편집 버튼을 만들려고합니다. 모든 사용자가 기본적으로 사용하지 않도록 설정 한 사용자 정보가있는 양식이 있습니다. 편집 버튼을 클릭 할 때 양식을 활성화 한 다음 저장 버튼을 클릭하면 양식을 비활성화하고 싶습니다. 내가 함께 JQuery와 놀았 던 여기에

<button data-inline="true" id="edit">Edit</button> 
<button data-inline="true">Save</button> 

: 그리고 여기

<div data-role="fieldcontain"> 
      <label for="first_name">First Name:</label> 
      <input type="text" name="first_name" id="first_name" value="" placeholder="First Name" disabled /> 
     </div> 

     <div data-role="fieldcontain"> 
      <label for="last_name">Last Name:</label> 
      <input type="text" name="last_name" id="last_name" value="" placeholder="Last Name" disabled /> 
     </div> 

     <div data-role="fieldcontain"> 
      <label for="user_name">User Name:</label> 
      <input type="text" name="user_name" id="user_name" value="" placeholder="User Name" disabled /> 
     </div> 

     <div data-role="fieldcontain"> 
      <label for="password">Password:</label> 
      <input type="text" name="password" id="password" value="" placeholder="Password" disabled /> 
     </div> 

     <div data-role="fieldcontain"> 
      <label for="email">Email Address:</label> 
      <input type="text" name="email" id="email" value="" placeholder="Email Address" disabled="disabled" /> 
     </div> 

내 버튼입니다 : 여기 형태입니다 내가 나타났습니다

$(document).ready(function(){ 
    $('#input:edit').click(function)(){ 
     $('input:email').attr("disabled", false); 
    } 
}); 

한 가지, 문제의 일부일 수 있습니다. 심지어 텍스트 입력 코드를 사용 중지됨에서 사용 가능으로 변경하더라도 페이지를 새로 고친 후에도 입력이 비활성화 된 상태로 유지되며 홈 페이지로 돌아가서 새로 고침 한 다음 탐색해야합니다 사용자 i에게 nfo 페이지가 활성화됩니다. 따라서 페이지가 올바르게 업데이트되면 내가 시도한 일부 작업이 올바를 수 있습니다. 어떤 도움을 주셔서 감사합니다.

Answer 1

이 작동합니다 :

$(document).ready(function(){ 
    $('#input:edit').click(function)(){ 
     $('input:email').attr("disabled", ""); 
    } 
}); 

Answer 2

이

$(document).ready(function(){ 
$('#edit').click(function)(){ 
    $('#email').attr("disabled", false); 
} 
}); 

Answer 3

을 시도 당신은 $('input:email').textinput('enable');

jQuery Mobile textinput methods

Answer 4

확인을 사용해야합니다, 그것을 알아 냈다. 변경 jQuery 코드에 :

function edit() { 
    alert("edit"); 
    $('#first_name').prop('disabled', false); 
    $('#last_name').prop('disabled', false); 
    $('#user_name').prop('disabled', false); 
    $('#password').prop('disabled', false); 
    $('#email').prop('disabled', false); 
    location.reload(); 
} 

버튼 코드 :

<button data-inline="true" id="edit" onclick="edit()">Edit</button> 
<button data-inline="true" id="save" onclick="save()">Save</button>