首页 > 后端开发 > php教程 > javascript - 谁能给个 Waterfall 流体布局的范例和可用代码呢?

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

WBOY
发布: 2016-06-06 20:51:51
原创
1219 人浏览过

首先我没有什么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也没这么多精力去研究,希望各位朋友体谅)

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板