我使用以下Javascript在我的网站上显示我的Instagram粉丝数.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
/*
Get access token & ID through http://jelled.com/instagram/access-token
Register your app here @ Instagram http://instagram.com/developer
*/
$(function() {
$.ajax({
type: "GET",
dataType: "jsonp",
cache: true,
url: "https://api.instagram.com/v1/users/{ID}/?access_token={ACCES_TOKEN}",
success: function(data) {
var ig_count = data.data.counts.followed_by.toString();
ig_count = add_commas(ig_count);
$(".instagram_count").html(ig_count);
}
});
function add_commas(number) {
if (number.length > 3) {
var mod = number.length % 3;
var output = (mod > 0 ? (number.substring(0, mod)) : '');
for (i = 0; i < Math.floor(number.length / 3); i++) { …Run Code Online (Sandbox Code Playgroud) 我正在尝试使用 Vue 和 Vue Router(使用历史模式)滚动到页面上的锚点。
在索引页上时,滚动行为通过跳转到该部分按预期工作。
但是,当我是另一个页面时,它会在顶部而不是锚点指向的位置加载索引页面。
我确定这是一件非常简单的事情,但我无法理解!
任何帮助表示赞赏!
我的路由器索引:
export default new Router({
scrollBehavior: function(to, from, savedPosition) {
if (to.hash) {
return {selector: to.hash}
} else {
return {x: 0, y: 0}
}
},
mode: 'history',
routes: [ ... ]
})Run Code Online (Sandbox Code Playgroud)
我的导航:
<router-link @click.native="closeNav" to="/#enter">Enter</router-link>
<router-link @click.native="closeNav" to="/#prizes">Prizes</router-link>
<router-link @click.native="closeNav" to="/#faqs">FAQ</router-link>
<router-link @click.native="closeNav" to="/contactus">Contact</router-link>Run Code Online (Sandbox Code Playgroud)