我在使用把手和理解它与HTML的连接时遇到了麻烦。我想复制我看到here的代码并将HTML插入名为index.html的文件中。但是,我不知道我的语法是错误的还是我遗漏了什么,但我的HTML文件似乎没有链接到javascript文件。
它应该显示一个按钮,通过它连接到twitter并且应该出现一个弹出窗口,然后是Twitter时间轴。但是当我点击按钮时没有任何反应。
我意识到这肯定是一个真正的新手错误,但我已经尝试了一切,但找不到解决方案。有人请帮帮我吗?
<!DOCTYPE html>
<html>
<head>
<title>Será que sim?</title>
<link href="style.css" type="text/css" rel="stylesheet">
<link href="bootstrap.min.css" type="text/css" rel="stylesheet">
<script src="handlebars-v1.1.2.js"></script>
<script src="main.js"></script>
<script src="oauth.js"></script>
</head>
<body>
<div id="connect">
<button class="btn btn-primary" id="btn-connect">Connect with twitter</button>
<p>If nothing happen after the connexion, it's maybe because the twitter rate limit exceeded</p>
</div>
<div id="res">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for a term or hashtag" id="search" />
<span class="input-group-btn">
<button class="btn btn-primary" type="button" id="btn-search">Search</button>
</span>
</div>
<div id="search-res"></div>
</div>
<script id="entry-template" type="text/x-handlebars-template">
<ul id="timeline">
{{#each statuses}}
<li>
<img class="thumbnail" src="{{user.profile_image_url}}" />
<span class="content">
<span class="author">{{user.name}}</span>
<span class="text">{{link text}}</span>
</span>
</li>
{{/each}}
</ul>
</script>
</body>
</html>