Question

好的，所以我使用dribbble API从dribbble中获取我的作品

我设置了几个VAR来帮助完成这个过程;

var dribbble = 'crobertson97';          
var limit = '10'; //items per page
var per_page = '&per_page='+limit+''; //url 
var accessToken = '12345678910'; //client
var url = 'https://api.dribbble.com/v1/users/'+dribbble+'/shots/?access_token='+accessToken+'&callback=?'+per_page; //url

我想添加一个更多的视图按钮，如果点击它会做三件事;

按钮<a id="readmore" class="btn btn-success white"> View More</a>

更多按钮的文字从查看更多
将var limit = 10更改为20 3.能够恢复 - ＆gt; view less

Answer 1

使用现代网络API非常简单。

＆＃13;

readmore.addEventListener('click', readmoreless);
var limit = 10;
function readmoreless(){
  if(limit == 10){
    readmore.innerHTML = "View Less";
    limit = 20;
  } else {
    readmore.innerHTML = "View More";
    limit = 10;
  }
}

＆＃13;

<a id="readmore" class="btn btn-success white">View More</a>

＆＃13;

Answer 2

向html添加onclick函数：

<a id="readmore" class="btn btn-success white" onclick="buttonClick(this)"> View More</a>

在JS中创建以下函数：

function buttonClick(but) {
    if(limit==10) {
        limit = 20;
        but.innerHTML= "View less";
    } else {
        limit = 10;
        but.innerHTML = "View more";
    }
}

还有要管理的内容的显示，但您没有提供有关您想要的内容以及如何提供数据的大量信息！

在Javascript中单击更改变量值

2 个答案: