Packery Fit方法的第二个参数(jQuery)?

哈里森

我正在使用包装库。

问题是关于fit方法的第二个参数文件说应该是一个元素,但是我不知道“元素”是什么意思。

以下链接是我的问题的示例。

链接

当我单击调整大小按钮时,fit似乎无法正常工作。如果有效,当我调整“ post 1”的大小时,“ post 2”应该移到第二行而不是重叠。

以下链接是我的意思的示例,但我希望通过按钮触发。

链接

硫磺49

http://jsfiddle.net/9Q5sZ/3/检查此小提琴

if (isLarge) {
        $("div#container").packery('fit', div[0]);
    } 

提供目标元素使用div [0]。

变量“ div”是Jquery输出对象,在运行时它将是一个对象数组

div: jQuery.fn.init[1]
0: div.post.large
context: button.resize
length: 1
prevObject: jQuery.fn.init[1]
__proto__: Object[0]

如您所见,可以看到其他参数,例如上下文,原型,长度等。但是您的Packery插件仅需要精确的div对象(此对象由packery文档中的元素表示)。因此div [0]将提供精确的div对象

div[0]: div.post
accessKey: ""
align: ""
attributes: NamedNodeMap
baseURI: "http://fiddle.jshell.net/9Q5sZ/3/show/"
childElementCount: 2
childNodes: NodeList[5]
children: HTMLCollection[2]
classList: DOMTokenList[1]
className: "post"
clientHeight: 100
clientLeft: 3
clientTop: 3
clientWidth: 211
contentEditable: "inherit"
dataset: DOMStringMap
dir: ""
draggable: false
firstChild: text
firstElementChild: button.resize
hidden: false
id: ""
innerHTML: "↵        <button class="resize">resize</button>↵        <div>post 1</div>↵    "
innerText: "resize↵post 1↵"
isContentEditable: false
lang: ""
lastChild: text
lastElementChild: div
localName: "div"
namespaceURI: "http://www.w3.org/1999/xhtml"
nextElementSibling: div.post
nextSibling: text
nodeName: "DIV"
nodeType: 1
nodeValue: null
offsetHeight: 106
offsetLeft: 0
offsetParent: div#container
offsetTop: 0
offsetWidth: 217
onabort: null
onbeforecopy: null
onbeforecut: null
onbeforepaste: null
onblur: null
oncancel: null
oncanplay: null
oncanplaythrough: null
onchange: null
onclick: null
onclose: null
oncontextmenu: null
oncopy: null
oncuechange: null
oncut: null
ondblclick: null
ondrag: null
ondragend: null
ondragenter: null
ondragleave: null
ondragover: null
ondragstart: null
ondrop: null
ondurationchange: null
onemptied: null
onended: null
onerror: null
onfocus: null
oninput: null
oninvalid: null

//Object continues

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Packery未初始化-无法调用方法,即$()。packery(“ bindDraggabillyEvents”)

来自分类Dev

jQuery Filtr.js和Packery回调

来自分类Dev

如何测试模拟方法的第二个参数?

来自分类Dev

javassist,获取doGet方法的第二个参数

来自分类Dev

OpenProcess第二个参数

来自分类Dev

jQuery第二个孩子

来自分类Dev

Angularjs与Packery.js

来自分类Dev

AngularJS和Packery

来自分类Dev

如何将选项对象作为参数传递给在jQuery()的第二个参数处设置的方法?

来自分类Dev

Spec2:将第二个参数参数传递给模拟方法调用

来自分类Dev

jQuery ajax中的Url.Action:未传递第二个参数

来自分类Dev

此jquery select语句中的第二个参数是什么?

来自分类Dev

jQuery选择器带有第二个参数是什么意思?

来自分类Dev

jQuery ajax中的Url.Action:未传递第二个参数

来自分类Dev

jQuery文件上传无法在formdata中设置第二个参数

来自分类Dev

RewriteRule:如何使第二个参数可选

来自分类Dev

$ parse()的第二个参数是什么?

来自分类Dev

忽略函数的第二个参数

来自分类Dev

将函数的第二个参数读入数组

来自分类Dev

Java断言-第二个参数评估?

来自分类Dev

InterLockedIncrement不支持第二个参数?

来自分类Dev

打印第二个命令行参数

来自分类Dev

Django视图忽略第二个参数

来自分类Dev

“ va_start”的第二个参数

来自分类Dev

简单的`replace()`的第二个参数的问题

来自分类Dev

如何检查是否存在第二个参数

来自分类Dev

(<*>),而不必包装第二个参数

来自分类Dev

将第二个参数传递给函数

来自分类Dev

bash [第二个参数:找不到命令