找回密码
 注册

QQ登录

只需一步,快速开始

查看: 6307|回复: 18

[求助] Wookmark-jQuery瀑布流插件问题

[复制链接]
发表于 2012-12-27 02:13:22 | 显示全部楼层 |阅读模式
25体力
https://github.com/GBKS/Wookmark-jQuery

 提示:您可以先修改部分代码再运行



class有topright的时候,让他在最右边显示,看下图

QQ截图20121227021459.png


下面是文件把和js

Desktop.rar (52.04 KB, 下载次数: 529)

最佳答案

查看完整内容

这是你给的那个网站里的代码,貌似也是改过的。。。由于不是原版,可能会出现各种意外。。。 不推荐修改别人的代码(成模块的)。。。 你可以选择其它做法 * 向作者提交问题 * 使用其它插件 * 自己实现 [html] this.wookmarkLayoutFull = function(e, t, n) { var r = []; while (r.length < t) r.push(0); this.wookmarkColumns = []; while (this.wookmarkColumns.length < t) t ...

本帖被以下淘专辑推荐:

发表于 2012-12-27 02:13:23 | 显示全部楼层
这是你给的那个网站里的代码,貌似也是改过的。。。由于不是原版,可能会出现各种意外。。。
不推荐修改别人的代码(成模块的)。。。
你可以选择其它做法
* 向作者提交问题
* 使用其它插件
* 自己实现

 提示:您可以先修改部分代码再运行

回复

使用道具 举报

 楼主| 发表于 2012-12-27 16:27:41 | 显示全部楼层
这里有一个靠左的案例https://github.com/GBKS/Wookmark-jQuery/pull/49

怎么靠右
回复

使用道具 举报

 楼主| 发表于 2012-12-28 15:14:41 | 显示全部楼层
有这么难吗?
回复

使用道具 举报

发表于 2012-12-29 16:54:15 | 显示全部楼层

 提示:您可以先修改部分代码再运行


最方便的办法
回复

使用道具 举报

 楼主| 发表于 2012-12-29 19:48:36 | 显示全部楼层
UED 发表于 2012-12-29 16:54
[html]$("#box ul li").eq(3).before($(".topright"))
$('.wfc').wookmark({       
  container: $('#box'),

大哥,问题是瀑布流是更具屏幕大小改变列数的,所以他不一定在第3个呀
回复

使用道具 举报

发表于 2012-12-30 12:18:23 | 显示全部楼层
ooosu 发表于 2012-12-29 19:48
大哥,问题是瀑布流是更具屏幕大小改变列数的,所以他不一定在第3个呀


resize各种改变宽度时候判断一下宽度比值然后重排到最右边
或者自己做一个然后从一开始就加入相应class最右侧功能。
回复

使用道具 举报

 楼主| 发表于 2012-12-30 14:52:10 | 显示全部楼层
UED 发表于 2012-12-30 12:18
resize各种改变宽度时候判断一下宽度比值然后重排到最右边
或者自己做一个然后从一开始就加入相应clas ...

大哥,就是要这个,从一开始就加入相应class最右侧功能,这个怎么加,帮忙看看
回复

使用道具 举报

 楼主| 发表于 2013-1-4 19:19:33 | 显示全部楼层
:confused:
回复

使用道具 举报

发表于 2013-1-4 20:10:43 | 显示全部楼层
我在chromium/ie9/opera/firefox下面运行全部都是一列。。。
回复

使用道具 举报

发表于 2013-1-4 20:31:20 | 显示全部楼层
你举的那个靠左的例子貌似插件实现的。。。
看代码里的 wookmarkLayoutFull 函数。
看github 上的文档=_=||,貌似控制挺少的,要实现的话估计要改代码
--PS--
chromium 的搜索(开发工具)升级成垃圾了。。。
回复

使用道具 举报

 楼主| 发表于 2013-1-5 00:04:42 | 显示全部楼层
zhanyuzai 发表于 2013-1-4 20:31
你举的那个靠左的例子貌似插件实现的。。。
看代码里的 wookmarkLayoutFull 函数。
看github 上的文档=_= ...

是要修改代码,怎么修改
回复

使用道具 举报

发表于 2013-1-5 19:59:15 | 显示全部楼层
ooosu 发表于 2013-1-5 00:04
是要修改代码,怎么修改

我的意思是要改 wookmark-jQuery 的代码,具体怎么改要看代码
回复

使用道具 举报

 楼主| 发表于 2013-1-7 00:14:10 | 显示全部楼层
zhanyuzai 发表于 2013-1-5 19:59
我的意思是要改 wookmark-jQuery 的代码,具体怎么改要看代码

大哥,能帮忙看看吗
回复

使用道具 举报

发表于 2013-1-9 10:00:58 | 显示全部楼层
瀑布流没有那么好吧,这么多人关注。。。
回复

使用道具 举报

 楼主| 发表于 2013-1-9 22:33:37 | 显示全部楼层
zhanyuzai 发表于 2013-1-8 22:52
这是你给的那个网站里的代码,貌似也是改过的。。。由于不是原版,可能会出现各种意外。。。
不推荐修改别 ...

好像不可以呀
回复

使用道具 举报

发表于 2013-1-18 11:01:35 | 显示全部楼层
ooosu 发表于 2013-1-9 22:33
好像不可以呀

看注释的那一句,还要进行一定修改。。。比如你用的样式名是 topright,比如其实 t 是长度,比较的时候还要减 1
回复

使用道具 举报

 楼主| 发表于 2013-1-18 11:28:43 | 显示全部楼层
zhanyuzai 发表于 2013-1-18 11:01
看注释的那一句,还要进行一定修改。。。比如你用的样式名是 topright,比如其实 t 是长度,比较的时候还 ...

实在是不会
回复

使用道具 举报

发表于 2013-10-16 21:06:08 | 显示全部楼层
推荐堆糖出品的瀑布流开源:

你的问题对应的demo:

duitang.com/app/woo/examples/specialcol.html
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备19000417号-2 )

GMT+8, 2021-12-6 04:26 , Processed in 0.073719 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表