{"id":842,"date":"2012-08-09T11:38:56","date_gmt":"2012-08-09T03:38:56","guid":{"rendered":"http:\/\/www.poloo.org\/?p=842"},"modified":"2012-08-27T09:20:29","modified_gmt":"2012-08-27T01:20:29","slug":"jquery%e7%9a%84wookmark%e7%80%91%e5%b8%83%e6%b5%81%e6%8f%92%e4%bb%b6","status":"publish","type":"post","link":"https:\/\/www.poloo.org\/?p=842","title":{"rendered":"Jquery\u7684Wookmark\u7011\u5e03\u6d41\u63d2\u4ef6"},"content":{"rendered":"

\u7011\u5e03\u6d41\u5e03\u5c40\u6548\u679c\u76ee\u524d\u6765\u8bf4\u8fd8\u662f\u633a\u6d41\u884c\u7684\uff0c\u4ece\u7f51\u9875\u5230\u624b\u673a\u5e94\u7528\uff0c\u90fd\u80fd\u89c1\u5230\u7011\u5e03\u6d41\u7684\u8eab\u5f71\u3002
\n\u76f8\u6bd4\u8f83\u624b\u673a\u5e94\u7528\u6765\u8bf4\uff0c\u611f\u89c9\u7f51\u9875\u4e0a\u7684\u7011\u5e03\u6d41\u5e03\u5c40\u6548\u679c\u5b9e\u73b0\u7b80\u5355\u5f88\u591a\uff0c\u56e0\u4e3a\u6211\u4eec\u6709\u73b0\u6210\u7684jQuery\u63d2\u4ef6\u53ef\u4ee5\u7528\uff0c\u53ea\u8981\u7a0d\u5fae\u7684\u5f15\u7528\u4e00\u4e0b\uff0c\u518d\u5199\u90a3\u4e48\u4e00\u4e24\u53e5\u8c03\u7528\u4ee3\u7801\uff0c\u7136\u540e\u5c31\u6ca1\u6211\u4eec\u4ec0\u4e48\u4e8b\u4e86\uff0c\u7011\u5e03\u6d41\u5c31\u8fd9\u4e48\u5448\u73b0\u51fa\u6765\u4e86\u3002
\nWookmark\u8fd9\u4e2a\u63d2\u4ef6\u7684\u7528\u6cd5\u4e5f\u662f\u76f8\u5f53\u7684\u7b80\u5355\u3002<\/p>\n

\"\"
\n\u9996\u5148\uff0c\u5f15\u5165JS\u3002<\/p>\n

<script type=\"text\/javascript\" src=\"jquery.wookmark.js\"><\/script><\/pre>\n
<div id=\"main\" role=\"main\">\r\n      <ul id=\"tiles\">\r\n        <!-- These are our grid blocks -->\r\n        <li><img src=\"images\/load.gif\" width=\"200\" height=\"283\" original=\"images\/image_1.jpg\"><p>1<\/p><\/li>\r\n        ......\r\n        <!-- End of grid blocks -->\r\n      <\/ul>\r\n<\/div><\/pre>\n
\u7b80\u5355\u8c03\u7528:<\/pre>\n
$('#tiles li').wookmark();<\/pre>\n
\u5e26\u53c2\u6570\u8c03\u7528:<\/pre>\n
$(function() {\r\n      $('#tiles li').wookmark({\r\n        autoResize: true, \/\/ \u5f53\u6d4f\u89c8\u5668\u5927\u5c0f\u6539\u53d8\u65f6\u662f\u5426\u81ea\u52a8\u8c03\u6574\r\n        container: $('#main'), \/\/ \u7236\u5bb9\u5668\uff0c\u8fd9\u4e2a\u8981\u6ce8\u610f\u7684\u4e00\u70b9\u662f\u8be5\u5bb9\u5668\u9700\u8981\u6709 position: relative \u5c5e\u6027\u3002\r\n        offset: 2, \/\/ \u6bcf\u4e2a\u5143\u7d20\u4e4b\u95f4\u7684\u8ddd\u79bb\r\n        itemWidth: 210, \/\/ \u6bcf\u4e2a\u5143\u7d20\u7684\u5bbd\u5ea6\uff0c\u7011\u5e03\u6d41\u9ad8\u5ea6\u662f\u4e0d\u9650\u5236\u7684\uff0c\u6240\u4ee5\u53ea\u8981\u5bbd\u5ea6\u56fa\u5b9a\u5c31\u53ef\u4ee5\u4e86\r\n        resizeDelay: 50 \/\/ \u81ea\u52a8\u8c03\u6574\u5ef6\u8fdf\u65f6\u95f4\uff0c\u4e00\u822c\u60c5\u51b5\u4e0b\u4e0d\u9700\u8981\u8bbe\u7f6e\uff0c\u9ed8\u8ba4\u7684\u5c31\u597d\u4e86\u3002\r\n      });\r\n});<\/pre>\n
\u8be5\u63d2\u4ef6\u53ef\u4ee5\u914d\u5408ajax\u6765\u5b9e\u73b0\u52a8\u6001\u52a0\u8f7d\u6570\u636e\uff0c\u4e0d\u8fc7\u65b0\u589e\u4e4b\u540e\u9700\u8981\u91cd\u65b0\u6267\u884c\u4e00\u6b21\u3002\u5982\u679c\u662f\u91c7\u7528<\/p>\n
var handler = $('#tiles li');<\/pre>\n
handler.wookmark(options);<\/pre>\n
\u8fd9\u79cd\u65b9\u5f0f\u7684\u5728\u91cd\u65b0\u7ed1\u5b9a\u524d\u9700\u8981\u6267\u884c\u4e00\u4e0b\u4e0b\u9762\u7684\u4ee3\u7801\uff0c\u505a\u70b9\u6e05\u7406\u5de5\u4f5c\u3002<\/p>\n
handler.wookmarkClear();<\/pre>\n
\u5b98\u65b9\u5730\u5740\uff1ahttp:\/\/www.wookmark.com\/jquery-plugin
\n\u5b98\u65b9\u4e0b\u8f7d\uff1ahttps:\/\/github.com\/GBKS\/Wookmark-jQuery
\n\u672c\u5730\u4e0b\u8f7d\uff1a
\nWookmark-jQuery<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u7011\u5e03\u6d41\u5e03\u5c40\u6548\u679c\u76ee\u524d\u6765\u8bf4\u8fd8\u662f\u633a\u6d41\u884c\u7684\uff0c\u4ece\u7f51\u9875\u5230\u624b\u673a\u5e94\u7528\uff0c\u90fd\u80fd\u89c1\u5230\u7011\u5e03\u6d41...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,5],"tags":[96,63,117,78,116,118],"class_list":["post-842","post","type-post","status-publish","format-standard","hentry","category-Dream","category-Note","tag-jquery","tag-63","tag-117","tag-78","tag-116","tag-118"],"_links":{"self":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts\/842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=842"}],"version-history":[{"count":2,"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts\/842\/revisions"}],"predecessor-version":[{"id":855,"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts\/842\/revisions\/855"}],"wp:attachment":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=842"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=842"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}