자바 스크립트로 다른 함수에서 액세스하기

Question

콘텐츠를로드하기 위해 요소를 마스킹하는 jquery loadmask addon을 작동 시키려고합니다. knockout.js를 사용하고 있는데, 내 viewmodel 외부의 요소를 마스크하는 경우 작동하지만 POST 요청을 제출할 때 마스크를 적용한 다음 수신 할 때 마스크를 제거하려고합니다. 나는 "객체에 메쏘드 마스크가 없다"라는 오류가 발생합니다. 나는 그것을 접근하기위한 객체를 설정하는 방법에 대해서는 확실히 모른다.

이 방법은 효과가 있지만 원하는 것은 아닙니다. 나는 위대하고 전부

<div id = "register_container"> 
    <div data-bind="visible: register()"> 
      <div id = "register_form"> <!--this is the div I want to mask -->> 
       <button data-bind="click: submitRegistration">Submit</button> 
      </div> 
    </div> 
</div> 

function MyViewModel(){ 

    self.submitRegistration = function(){ 
      //I want to mask here. When I try it says Object[object object] has no method mask 
      $.post....{ 
       if(data.result == success){ 
        // andunmask here 
       } 
      } 
     } 
} 

$("#register_form").mask("Waiting..."); //the masking works when I place it here, but it's always enabled and I want it inside the viewmodel where I noted so it only works when the POST request is in process 

에서 마스크를 호출하고자하는 코드에 언급,하지만 난 언급 뷰 모델 내부에서 뭔가를 마스크하고 싶다. 이것을 어떻게 할 수 있습니까?

Answer 1

몇 가지 문제가있을 수 있습니다.

Frist, if 문과 비교하여 과제를 수행하고 있습니다. 대신를 사용

if(data.result == success){ 

또는 심지어

if(data.result === success){ 

두 번째는 내가 아주 전형적 다음과 같습니다 코드 self.submitRegistration(){, 이해하지 못하고 있다는 사실이다 : 다음

var MyViewModel = function() { 
    var self = this; 

    self.submitRegistration = function() { 
    }; 
}; 

을 , $.post 전화를 조롱하면 다음과 같이 작동합니다.

var MyViewModel = function() { 
    var self = this; 

    self.register = ko.observable(true); 

    self.submitRegistration = function() { 
     $("#register_form").mask("Waiting..."); 

     // Mock $.post 
     window.setTimeout(function() { 

      if (1 == 1) { 
       // andunmask here 
       $("#register_form").unmask(); 
      } 
     }, 3000); 
    } 
}; 

ko.applyBindings(new MyViewModel());  

데모는 this fiddle을 참조하십시오.

그 데모에 대한 this updated fiddle를 참조하십시오

당신도 녹아웃 도움을 줄 수 당신을 찾기 위해 요소를 찾을 수 있습니다.

// Use the "event" parameter to find the element... 
    self.submitRegistration = function(data, event) { 
     $(event.target).closest('#register_form').mask("Waiting..."); 

희망이 있습니다.