Sou*_*dey 2 html javascript css jquery trello
我正在关注@ jsfiddle提到的样本
当我在单独的HTML,Javascript和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");
}
})
});
});
在成功,我想写我的功能,但它似乎没有调用它.我遗失的任何事情.
我遇到了同样的问题并且发现这是因为我正在尝试从file://URL 进行授权.
不明白为什么,但在这种情况下,授权页面不会重定向或关闭弹出窗口.
我只是通过使用网络服务器在localhost上提供我的页面解决了这个问题(我在serve-static模块中使用了nodejs ).