欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

javascript - 谁能给个 Waterfall 流体布局的范例和可用代码呢?

程序员文章站 2022-04-15 14:19:32
...
首先我没有什么Web开发经验,还请高手帮助下。

首先我了解到:Kissy Waterfall
对其实现原理不懂,我针对的学习了 json , jsonp 等调用, 但是发现还是有许多不懂的地方,最大的问题就是不知到该给Waterfall 里的 Jquery传递什么样子的值?

关键代码如下:

S.ajax({
    data:{
        'method':'flickr.photos.search',
        'api_key':'5d93c2e473e39e9307e86d4a01381266',
        'tags':'rose',
        'page':nextpage,
        'per_page':20,
        'format':'json'
    },
    url:'http://api.flickr.com/services/rest/',
    dataType:"jsonp",
    jsonp:"jsoncallback",
      success:function (d) {
        // 如果数据错误, 则立即结束
        if (d.stat !== 'ok') {
            alert('load data error!');
            end();
            return;
        }
        // 如果到最后一页了, 也结束加载
        nextpage = d.photos.page + 1;
        if (nextpage > d.photos.pages) {
            end();
            return;
        }

甚至我还为此专门去查看了 flick 的 json,因为也是刚接触,所以很多地方有疑惑,然后问题还没有解决。

不知道各位有没有什么好一点的,简单一点的办法可以帮忙实现的?
最好就是只要改动几个参数就可以搞定的。(毕竟1是新手,2也没这么多精力去研究,希望各位朋友体谅)

这个问题已被关闭,原因:

回复内容:

首先我没有什么Web开发经验,还请高手帮助下。

首先我了解到:Kissy Waterfall
对其实现原理不懂,我针对的学习了 json , jsonp 等调用, 但是发现还是有许多不懂的地方,最大的问题就是不知到该给Waterfall 里的 Jquery传递什么样子的值?

关键代码如下:

S.ajax({
    data:{
        'method':'flickr.photos.search',
        'api_key':'5d93c2e473e39e9307e86d4a01381266',
        'tags':'rose',
        'page':nextpage,
        'per_page':20,
        'format':'json'
    },
    url:'http://api.flickr.com/services/rest/',
    dataType:"jsonp",
    jsonp:"jsoncallback",
      success:function (d) {
        // 如果数据错误, 则立即结束
        if (d.stat !== 'ok') {
            alert('load data error!');
            end();
            return;
        }
        // 如果到最后一页了, 也结束加载
        nextpage = d.photos.page + 1;
        if (nextpage > d.photos.pages) {
            end();
            return;
        }

甚至我还为此专门去查看了 flick 的 json,因为也是刚接触,所以很多地方有疑惑,然后问题还没有解决。

不知道各位有没有什么好一点的,简单一点的办法可以帮忙实现的?
最好就是只要改动几个参数就可以搞定的。(毕竟1是新手,2也没这么多精力去研究,希望各位朋友体谅)