2014-12-11 2 views
2

내가 jsfiddleTrello-는

@ 언급 한 샘플 다음입니다 Trello.authorize API의 유형 "성공"에 함수를 호출 할 수 client.js 파일을 참조하지 때 별도의 HTML에서 복사 한 동일한 코드, 자바 스크립트 및 CSS 다음 동일한 코드가 작동하지 않습니다.

HTML :

   <head>    

     <script src="jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script> 
     <script src="https://api.trello.com/1/client.js?key=apllication key"></script> 
     <script type="text/javascript" src="script.js"></script> 
     <link rel="stylesheet" href="base.css" type="text/css" media="screen" charset="utf-8" />       
     <!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">    </script> --> 

     </head> 
      <body> 

    <div id="loggedout"> 
     <a id="connectLink" href="#">Connect To Trello</a> 
</div> 

    <div id="loggedin"> 
    <div id="header"> 
    Logged in to as <span id="fullName"></span> 
    <a id="disconnect" href="#">Log Out</a> 
    </div> 

    <div id="output"></div> 
    </div> 

Script.js 내용 :

$(document).ready(function(){ 
     alert('Welcome to StarTrackr! Now no longer under police investigation!'); 
     console.log("alert printed"); 



$("#connectLink") 
    .click(function(){ 
     Trello.authorize({ 
       type:"popup", 
       name: "from link", 
       success: function() { 
       alert("in success"); 
     }, 
       error:function() { 
       alert("in error"); 
       } 
       }) 
      }); 

});

성공하면 내 기능을 쓰고 싶지만 전화를 걸지 않는 것 같습니다. 내가 누락 된 것.

+0

팝업이 표시됩니까? 주는 액세스 단계를 수행합니까? –

+0

예 팝업이 나타나면 허용하지 않는다고 말하면 함수가 호출되어야합니다. trello api 문서에 언급 된 단계를 따랐습니다. (client.js 파일을 참조하고 응용 프로그램 키를 제공합니다.) –

+0

콘솔에 아무 것도 없습니까? 디버깅을 시도한 적이 있습니까? –

답변

0

IE에서 테스트중인 브라우저를 추측하고 있습니다.

팝업 창에서 OnSuccess 함수를 호출하지 않는 API에서 비슷한 문제가 발생했지만 여기있는 문제인 jsFiddle에서 제대로 작동합니다.

내 솔루션은 "리디렉션"되도록 형식을 변경하여 동일한 창에서 사용 권한을 요청합니다. 이 방법은 별도의 파일로 IE에서 제대로 작동합니다.

$("#connectLink").click(function() { 
    Trello.authorize({ 
    type:"redirect", 
    name: "from link", 
    success: function() { 
     alert("in success"); 
     }, 
     error:function() { 
     alert("in error"); 
     } 
    }) 
    }); 
+0

여전히 동일한 문제 - Firefox에서 오류가 발생했습니다. 손상된 콘텐츠 오류 시도하려는 페이지입니다. Trello API를 사용중인 zip 형식은 훌륭합니다. 칸보기 데이터 전송의 오류가 감지 되었기 때문에 표시 할 수 없습니다. 데이터 전송 오류가 감지 되었기 때문에 보려고하는 페이지를 표시 할 수 없습니다. 웹 사이트 소유자에게 문의하여이 문제를 알려주십시오. 및 크롬 - 허용을 클릭하면 아무런 변화가 없습니다. :( –

8

나는 동일한 문제가 있었는데 그 이유는 내가 file:// URL에서 승인하려고했기 때문이라고 생각했습니다.

이유를 정확히 이해하지 못했지만 권한 부여 페이지가이 경우 팝업을 리디렉션하거나 닫지 않습니다.

웹 서버로 localhost에서 내 페이지를 제공하여이 문제를 간단하게 해결했습니다 (저는 serve-static 모듈로 내 경우 nodejs를 사용했습니다).