{"id":93,"date":"2020-08-19T15:51:22","date_gmt":"2020-08-19T07:51:22","guid":{"rendered":"https:\/\/www.xyn4.cn\/?p=93"},"modified":"2022-03-17T10:10:23","modified_gmt":"2022-03-17T02:10:23","slug":"owl-%e5%8f%82%e6%95%b0%e9%85%8d%e7%bd%ae","status":"publish","type":"post","link":"https:\/\/www.xyn4.cn\/?p=93","title":{"rendered":"owl \u53c2\u6570\u914d\u7f6e"},"content":{"rendered":"\n<p>Owl\u7684\u65b0\u7279\u6027\u6709\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u53ef\u4ee5\u65e0\u9650\u5faa\u73af<\/li><li>\u9879\u76ee\u53ef\u4ee5\u5c45\u4e2d\u663e\u793a<\/li><li>\u7075\u6d3b\u7684\u901f\u5ea6\u63a7\u5236<\/li><li>\u591a\u7ea7\u522b\u7684padding\u8bbe\u7f6e<\/li><li>\u9879\u76ee\u95f4\u53ef\u4ee5\u8bbe\u7f6eMargin<\/li><li>\u4f7f\u51e0\u4e4e\u6240\u6709\u7684\u9009\u9879\u90fd\u5177\u6709\u54cd\u5e94\u80fd\u529b<\/li><li>\u591a\u79cd\u5bbd\u5ea6\u8bbe\u7f6e<\/li><li>\u4e30\u5bcc\u7684\u56de\u8c03\u4e8b\u4ef6<\/li><li>RTL\uff08\u4ece\u53f3\u5411\u5de6\u79fb\u52a8\uff09<\/li><li>YouTube\/Vimeo\u89c6\u9891\u652f\u6301<\/li><li>\u951a\u94fe\u63a5\u5bfc\u822a<\/li><li>\u5408\u5e76\u9879<\/li><li>\u8fd8\u6709\u66f4\u591a&#8230;<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;\u6d4f\u89c8\u5668\u517c\u5bb9<\/h3>\n\n\n\n<p>Owl Carousel 2.x.x \u7248\u672c\u548c\u4ee5\u524d\u76841.x.x\u7248\u672c\u4e0d\u517c\u5bb9\u3002Owl Carousel 2.x.x\u7248\u672c\u7684\u5927\u90e8\u5206\u6587\u4ef6\u548c1.x.x\u7248\u672c\u7684\u57fa\u672c\u76f8\u540c\uff0c\u4f46\u662f\u6838\u5fc3\u6587\u4ef6\u5df2\u7ecf\u88ab\u4ece\u65b0\u7f16\u5199\u3002<\/p>\n\n\n\n<p>Owl Carousel 2\u5df2\u7ecf\u5728\u4e0b\u5217\u6d4f\u89c8\u5668\u4e2d\u8fdb\u884c\u4e86\u6d4b\u8bd5\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Chrome<\/li><li>Firefox<\/li><li>Opera<\/li><li>IE7\/8\/10\/11<\/li><li>iPad Safari<\/li><li>iPod4 Safari<\/li><li>Nexus 7 Chrome<\/li><li>Galaxy S4<\/li><li>Nokia 8s Windows8<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;\u6587\u4ef6\u7ed3\u6784<\/h3>\n\n\n\n<p>Owl Carousel 2\u53d1\u884c\u7248\u7684\u76ee\u5f55\u7ed3\u6784\u5982\u4e0b\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><code>owlcarousel\/<\/code><code>\u251c\u2500\u2500 assets\/<\/code><code>\u2502&nbsp;&nbsp; \u251c\u2500\u2500 owl.carousel.css<\/code><code>\u2502&nbsp;&nbsp; \u251c\u2500\u2500 owl.carousel.min.css<\/code><code>\u2502&nbsp;&nbsp; \u251c\u2500\u2500 owl.theme.default.css<\/code><code>\u2502&nbsp;&nbsp; \u251c\u2500\u2500 owl.theme.default.min.css<\/code><code>\u2502&nbsp;&nbsp; \u251c\u2500\u2500 owl.theme.green.css<\/code><code>\u2502&nbsp;&nbsp; \u251c\u2500\u2500 owl.theme.green.min.css<\/code><code>\u2502&nbsp;&nbsp; \u2514\u2500\u2500 owl.video.play.png<\/code><code>\u2502<\/code><code>\u251c\u2500\u2500 owl.carousel.js<\/code><code>\u251c\u2500\u2500 owl.carousel.min.js<\/code><code>\u251c\u2500\u2500 LICENSE-MIT<\/code><code>\u2514\u2500\u2500 README.md&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;\u63d2\u4ef6\u4f9d\u8d56<\/h3>\n\n\n\n<p>Owl Carousel 2\u4f9d\u8d56\u4e8e<a href=\"http:\/\/jquery.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">jQuery<\/a>\u6216<a href=\"http:\/\/zeptojs.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Zepto<\/a>\u3002jQuery\u6700\u4f4e\u7248\u672c\u8981\u6c42\u662f1.8.3\u7248\u672c\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;\u4f7f\u7528\u65b9\u6cd5<\/h3>\n\n\n\n<h5 class=\"wp-block-heading\">&nbsp;CSS\u6587\u4ef6<\/h5>\n\n\n\n<p>\u5728html\u5934\u90e8\u4e2d\u5f15\u5165\u5fc5\u8981\u7684css\u6587\u4ef6\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><code>&lt;<\/code><code>link<\/code> <code>rel<\/code><code>=<\/code><code>\"stylesheet\"<\/code> <code>href<\/code><code>=<\/code><code>\"owlcarousel\/owl.carousel.min.css\"<\/code><code>&gt;<\/code><code>&lt;<\/code><code>link<\/code> <code>rel<\/code><code>=<\/code><code>\"stylesheet\"<\/code> <code>href<\/code><code>=<\/code><code>\"owlcarousel\/owl.theme.default.min.css\"<\/code><code>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><code>owl.theme.default.css<\/code>\u6587\u4ef6\u65f6\u53ef\u9009\u7684\u3002<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">&nbsp;JS\u6587\u4ef6<\/h5>\n\n\n\n<p>\u5728\u9875\u9762\u7684\u5c3e\u90e8\u6dfb\u52a0<code>owl.carousel.min.js<\/code>\u6587\u4ef6\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><code>&lt;<\/code><code>script<\/code> <code>src<\/code><code>=<\/code><code>\"jquery.min.js\"<\/code><code>&gt;&lt;\/<\/code><code>script<\/code><code>&gt;<\/code><code>&lt;<\/code><code>script<\/code> <code>src<\/code><code>=<\/code><code>\"owlcarousel\/owl.carousel.min.js\"<\/code><code>&gt;&lt;\/<\/code><code>script<\/code><code>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">&nbsp;HTML\u7ed3\u6784<\/h5>\n\n\n\n<p>Owl Carousel\u4e0d\u9700\u8981\u8bbe\u7f6e\u590d\u6742\u7684html\u7ed3\u6784\uff0c\u4f60\u53ea\u9700\u8981\u5c06\u4f60\u7684\u5185\u5bb9<code>&lt;div&gt;<\/code>\uff08\u5f53\u7136\uff0cowl\u53ef\u4ee5\u5de5\u4f5c\u5728\u5176\u5b83\u5143\u7d20\u4e2d\uff0c\u5982a\/img\/span\uff09\u5305\u88f9\u5728\u4e00\u4e2aclass\u4e3a<code>owl-carousel<\/code>\u7684<code>&lt;div&gt;<\/code>\u4e2d\u5373\u53ef\u3002Class&nbsp;<code>owl-carousel<\/code>\u662f\u5728<code>owl.carousel.css<\/code>\u6587\u4ef6\u4e2d\u5b9a\u4e49\u7684\uff0c\u6539\u53d8\u5b83\u9700\u8981\u4fee\u6539\u6574\u4e2a<code>owl.carousel.css<\/code>\u6587\u4ef6\u3002<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">&nbsp;\u8c03\u7528\u63d2\u4ef6<\/h5>\n\n\n\n<p>\u73b0\u5728\uff0c\u4f60\u53ef\u4ee5\u8c03\u7528Owl Carousel\u7684\u521d\u59cb\u5316\u65b9\u6cd5\u6765\u4f7f\u65cb\u8f6c\u6728\u9a6c\u5de5\u4f5c\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><code>$(document).ready(<\/code><code>function<\/code><code>(){<\/code><code>$(<\/code><code>\".owl-carousel\"<\/code><code>).owlCarousel();<\/code><code>});&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;\u53c2\u6570\u9009\u9879<\/h3>\n\n\n\n<p>\u4e0b\u8868\u4e2d\u662f\u6240\u6709\u5185\u7f6e\u7684Owl Carousel\u53c2\u6570\u9009\u9879\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><td>\u53c2\u6570\u540d\u79f0<\/td><td>\u53c2\u6570\u7c7b\u578b<\/td><td>\u9ed8\u8ba4\u503c<\/td><td>\u63cf\u8ff0<\/td><\/tr><\/thead><tbody><tr><td>items<\/td><td>Type: Number<\/td><td>Default: 3<\/td><td>\u5728\u5c4f\u5e55\u4e2d\u53ef\u89c1\u7684\u65cb\u8f6c\u6728\u9a6c\u9879<\/td><\/tr><tr><td>margin<\/td><td>Type: Number<\/td><td>Default: 0<\/td><td>\u65cb\u8f6c\u6728\u9a6c\u9879\u7684margin-right\u503c\uff0c\u5355\u4f4d\u50cf\u7d20<\/td><\/tr><tr><td>loop<\/td><td>Type: Boolean<\/td><td>Default: false<\/td><td>\u662f\u5426\u65e0\u9650\u5faa\u73af\uff0c\u4f1a\u590d\u5236\u7b2c\u4e00\u9879\u548c\u6700\u540e\u4e00\u9879\u6765\u5236\u4f5c\u65e0\u9650\u5faa\u73af\u7684\u9519\u89c9<\/td><\/tr><tr><td>center<\/td><td>Type: Boolean<\/td><td>Default: false<\/td><td>\u65cb\u8f6c\u6728\u9a6c\u9879\u5c45\u4e2d\u3002\u5728\u5947\u6570\u548c\u5076\u6570\u9879\u4e2d\u90fd\u53ef\u4ee5\u5f88\u597d\u7684\u5de5\u4f5c<\/td><\/tr><tr><td>mouseDrag<\/td><td>Type: Boolean<\/td><td>Default: true<\/td><td>\u662f\u5426\u53ef\u4ee5\u4f7f\u7528\u9f20\u6807\u62d6\u62fd<\/td><\/tr><tr><td>touchDrag<\/td><td>Type: Boolean<\/td><td>Default: true<\/td><td>\u662f\u5426\u53ef\u4ee5\u89e6\u6478\u62d6\u62fd<\/td><\/tr><tr><td>pullDrag<\/td><td>Type: Boolean<\/td><td>Default: true<\/td><td>Stage pull to edge.<\/td><\/tr><tr><td>freeDrag<\/td><td>Type: Boolean<\/td><td>Default: false<\/td><td>Item pull to edge<\/td><\/tr><tr><td>stagePadding<\/td><td>Type: Number<\/td><td>Default: 0<\/td><td>Stage\u4e0a\u7684Padding left\u548cPadding right(\u53ef\u4ee5\u770b\u5230\u76f8\u90bb\u7684\u9879)<\/td><\/tr><tr><td>merge<\/td><td>Type: Boolean<\/td><td>Default: false<\/td><td>\u5408\u5e76\u65cb\u8f6c\u6728\u9a6c\u9879\u3002Looking for data-merge='{number}&#8217; inside item..<\/td><\/tr><tr><td>mergeFit<\/td><td>Type: Boolean<\/td><td>Default: true<\/td><td>\u5982\u679c\u5c4f\u5e55\u6bd4\u65cb\u8f6c\u6728\u9a6c\u9879\u5c0f\uff0c\u4f7f\u65cb\u8f6c\u6728\u9a6c\u9879\u9002\u5408\u5c4f\u5e55\u5927\u5c0f<\/td><\/tr><tr><td>autoWidth<\/td><td>Type: Boolean<\/td><td>Default: false<\/td><td>\u8bbe\u7f6e\u975e\u7f51\u683c\u5185\u5bb9\u3002\u5c1d\u8bd5\u5728div\u4e0a\u4f7f\u7528<code>width<\/code>\u6837\u5f0f<\/td><\/tr><tr><td>startPosition<\/td><td>Type: Number\/String<\/td><td>Default: 0<\/td><td>\u5f00\u59cb\u70b9\u6216URL Hash\u5b57\u7b26\u4e32\uff0c\u5982\uff1a&#8217;#id&#8217;<\/td><\/tr><tr><td>URLhashListener<\/td><td>Type: Boolean<\/td><td>Default: false<\/td><td>\u76d1\u542curl hash \u7684\u53d8\u5316\u3002\u5fc5\u987b\u5728\u65cb\u8f6c\u6728\u9a6c\u9879\u4e0a\u8bbe\u7f6e<code>data-hash<\/code>\u5c5e\u6027<\/td><\/tr><tr><td>nav<\/td><td>Type: Boolean<\/td><td>Default: false<\/td><td>\u663e\u793aext\/prev\u6309\u94ae<\/td><\/tr><tr><td>navRewind<\/td><td>Type: Boolean<\/td><td>Default: true<\/td><td>\u8df3\u8f6c\u5230\u524d\u4e00\u9879\u6216\u540e\u4e00\u9879<\/td><\/tr><tr><td>navText<\/td><td>Type: Array<\/td><td>Default: [&#8216;next&#8217;,&#8217;prev&#8217;]<\/td><td>HTML\u7bad\u5934\u5bfc\u822a<\/td><\/tr><tr><td>slideBy<\/td><td>Type: Number\/String<\/td><td>Default: 1<\/td><td>Navigation slide by x. &#8216;page&#8217; string can be set to slide by page.<\/td><\/tr><tr><td>dots<\/td><td>Type: Boolean<\/td><td>Default: true<\/td><td>\u663e\u793a\u5706\u70b9\u5bfc\u822a\u6309\u94ae<\/td><\/tr><tr><td>dotsEach<\/td><td>Type: Number\/Boolean<\/td><td>Default: false<\/td><td>\u6bcf\u591a\u5c11\u4e2a\u9879\u663e\u793a\u4e00\u4e2a\u5706\u70b9\u5bfc\u822a\u6309\u94ae<\/td><\/tr><tr><td>dotData<\/td><td>Type: Boolean<\/td><td>Default: false<\/td><td>\u4f7f\u7528<code>data-dot<\/code>\u7684\u5185\u5bb9<\/td><\/tr><tr><td>lazyLoad<\/td><td>Type: Boolean<\/td><td>Default: false<\/td><td>\u662f\u5426\u61d2\u52a0\u8f7d\u56fe\u7247\u3002<code>data-src<\/code>\u548c<code>data-src-retina<\/code>\u4e3a\u9ad8\u5206\u8fa8\u7387\u3002\u5982\u679c\u5143\u7d20\u4e0d\u662f<code>&lt;img&gt;<\/code>\u4f1a\u8bbe\u7f6e\u4e3a\u5143\u7d20\u7684\u5185\u8054\u80cc\u666f\u56fe\u50cf\u3002<\/td><\/tr><tr><td>lazyContent<\/td><td>Type: Boolean<\/td><td>Default: false<\/td><td>lazyContent\u9009\u9879\u53ea\u5728\u6d4b\u8bd5\u7248\u4e2d\u6709\uff0c\u53d1\u884c\u7248\u4e2d\u5df2\u7ecf\u88ab\u5220\u9664\u3002<\/td><\/tr><tr><td>autoplay<\/td><td>Type: Boolean<\/td><td>Default: false<\/td><td>\u65cb\u8f6c\u6728\u9a6c\u662f\u5426\u81ea\u52a8\u64ad\u653e<\/td><\/tr><tr><td>autoplayTimeout<\/td><td>Type: Number<\/td><td>Default: 5000<\/td><td>\u65cb\u8f6c\u6728\u9a6c\u81ea\u52a8\u64ad\u653e\u7684\u65f6\u95f4\u95f4\u9694<\/td><\/tr><tr><td>autoplayHoverPause<\/td><td>Type: Boolean<\/td><td>Default: false<\/td><td>\u662f\u5426\u5728\u9f20\u6807\u6ed1\u8fc7\u65f6\u505c\u6b62\u81ea\u52a8\u64ad\u653e<\/td><\/tr><tr><td>smartSpeed<\/td><td>Type: Number<\/td><td>Default: 250<\/td><td>\u901f\u5ea6\u8ba1\u7b97<\/td><\/tr><tr><td>fluidSpeed<\/td><td>Type: Boolean<\/td><td>Default: Number<\/td><td>\u901f\u5ea6\u8ba1\u7b97<\/td><\/tr><tr><td>autoplaySpeed<\/td><td>Type: Number\/Boolean<\/td><td>Default: false<\/td><td>\u662f\u65b0\u5bc6\u7801\u81ea\u52a8\u64ad\u653e\u7684\u901f\u5ea6<\/td><\/tr><tr><td>navSpeed<\/td><td>Type: Number\/Boolean<\/td><td>Default: false<\/td><td>\u65cb\u8f6c\u6728\u9a6c\u5bfc\u822a\u7684\u901f\u5ea6<\/td><\/tr><tr><td>dotsSpeed<\/td><td>Type: Boolean<\/td><td>Default: Number\/Boolean<\/td><td>\u5206\u9875\u7684\u901f\u5ea6<\/td><\/tr><tr><td>dragEndSpeed<\/td><td>Type: Number\/Boolean<\/td><td>Default: false<\/td><td>Drag end speed<\/td><\/tr><tr><td>callbacks<\/td><td>Type: Boolean<\/td><td>Default: true<\/td><td>\u662f\u5426\u5141\u8bb8\u56de\u8c03\u51fd\u6570<\/td><\/tr><tr><td>responsive<\/td><td>Type: Object<\/td><td>Default: empty object<\/td><td>\u5305\u542bresponsive\u9009\u9879\u7684\u5bf9\u8c61\u3002\u8bbe\u7f6e\u4e3aflase\u53d6\u6d88responsive\u80fd\u529b\u3002<\/td><\/tr><tr><td>responsiveRefreshRate<\/td><td>Type: Number<\/td><td>Default: 200<\/td><td>Responsive\u7684\u5237\u65b0\u9891\u7387<\/td><\/tr><tr><td>responsiveBaseElement<\/td><td>Type: DOM element<\/td><td>Default: window<\/td><td>\u53ef\u4ee5\u8bbe\u7f6e\u5728\u4efb\u4f55DOM\u5143\u7d20\u4e0a\u3002\u5982\u679c\u4f60\u5173\u5fc3\u4e0d\u652f\u6301\u54cd\u5e94\u5f0f\u7684\u6d4f\u89c8\u5668\uff08\u5982IE8\uff09\uff0c\u53ef\u4ee5\u5728\u5305\u88f9\u5bb9\u5668\u4e2d\u4f7f\u7528\u8be5\u5c5e\u6027\u3002<\/td><\/tr><tr><td>responsiveClass<\/td><td>Type: Boolean<\/td><td>Default: false<\/td><td>\u53ef\u9009\u7684\u8f85\u52a9class\u3002\u6dfb\u52a0<code>owl-reponsive-<\/code>\u548c<code>breakpoint<\/code>&nbsp;class\u5230\u4e3b\u5143\u7d20\u4e0a\u3002\u53ef\u4ee5\u5728\u7ed9\u5b9abreakpoint\u7684\u5143\u7d20\u4e0a\u8bbe\u7f6e\u5185\u5bb9\u6837\u5f0f\u3002<\/td><\/tr><tr><td>video<\/td><td>Type: Boolean<\/td><td>Default: false<\/td><td>\u662f\u5426\u5141\u8bb8\u6dfb\u52a0YouTube\/Vimeo\u89c6\u9891\u3002<\/td><\/tr><tr><td>videoHeight<\/td><td>Type: Number\/Boolean<\/td><td>Default: false<\/td><td>\u8bbe\u7f6e\u89c6\u9891\u7684\u9ad8\u5ea6\u3002<\/td><\/tr><tr><td>videoWidth<\/td><td>Type: Number\/Boolean<\/td><td>Default: false<\/td><td>\u8bbe\u7f6e\u89c6\u9891\u7684\u5bbd\u5ea6\u3002<\/td><\/tr><tr><td>animateOut<\/td><td>Type: String\/Bolean<\/td><td>Default: false<\/td><td>CSS3 animation out.<\/td><\/tr><tr><td>animateIn<\/td><td>Type: String\/Bolean<\/td><td>Default: false<\/td><td>CSS3 animation in.<\/td><\/tr><tr><td>fallbackEasing<\/td><td>Type: String<\/td><td>Default: swing<\/td><td>Easing for CSS2 $.animate.<\/td><\/tr><tr><td>info<\/td><td>Type: Function<\/td><td>Default: false<\/td><td>\u83b7\u53d6\u57fa\u672c\u4fe1\u606f\u7684\u56de\u8c03\u51fd\u6570(\u5f53\u524d\u7684 item\/pages\/widths) \u3002Info\u51fd\u6570\u7684\u7b2c\u4e8c\u4e2a\u53c2\u6570\u662fOwl DOM\u5143\u7d20\u7684\u5bf9\u8c61\u5f15\u7528\u3002<\/td><\/tr><tr><td>nestedItemSelector<\/td><td>Type: String\/Class<\/td><td>Default: false<\/td><td>\u5f53owl\u5143\u7d20\u5d4c\u5957\u5728\u67d0\u4e9b\u5f88\u6df1\u7684DOM\u7ed3\u6784\u4e2d\u65f6\u4f7f\u7528\u8be5\u53c2\u6570\u3002\u5728class\u540d\u5b57\u524d\u9762\u4e0d\u8981\u4f7f\u7528<code>.<\/code>\u53f7\u3002<\/td><\/tr><tr><td>itemElement<\/td><td>Type: String<\/td><td>Default: div<\/td><td>owl-item\u7684DOM\u5143\u7d20\u7c7b\u578b\u3002<\/td><\/tr><tr><td>stageElement<\/td><td>Type: String<\/td><td>Default: div<\/td><td>owl-stage.\u7684DOM\u5143\u7d20\u7c7b\u578b\u3002<\/td><\/tr><tr><td>navContainer<\/td><td>Type: String\/Class\/ID\/Bolean<\/td><td>Default: false<\/td><td>\u8bbe\u7f6e\u81ea\u5b9a\u4e49\u7684\u5bfc\u822a\u5bb9\u5668class<\/td><\/tr><tr><td>dotsContainer<\/td><td>Type: String\/Class\/ID\/Bolean<\/td><td>Default: false<\/td><td>\u8bbe\u7f6e\u81ea\u5b9a\u4e49\u7684\u5bfc\u822a\u5bb9\u5668class<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;Classes<\/h3>\n\n\n\n<p>\u4e0b\u9762\u7684\u4f8b\u5b50\u8bf4\u660e\u4e86Owl Carousel\u5728HTML\u4e2d\u662f\u5982\u4f55\u88ab\u6e32\u67d3\u7684\u3002\u901a\u8fc7\u540e\u9762\u8868\u683c\u4e2d\u5217\u51fa\u7684\u53c2\u6570\uff0c\u4f60\u53ef\u4ee5\u6539\u53d8\u7684class\u6837\u5f0f\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><code>&lt;<\/code><code>div<\/code> <code>class<\/code><code>=<\/code><code>\"owl-carousel owl-theme owl-loaded\"<\/code><code>&gt;<\/code><code>&lt;<\/code><code>div<\/code> <code>class<\/code><code>=<\/code><code>\"owl-stage-outer\"<\/code><code>&gt;<\/code><code>&lt;<\/code><code>div<\/code> <code>class<\/code><code>=<\/code><code>\"owl-stage\"<\/code><code>&gt;<\/code><code>&lt;<\/code><code>div<\/code> <code>class<\/code><code>=<\/code><code>\"owl-item\"<\/code><code>&gt;...&lt;\/<\/code><code>div<\/code><code>&gt;<\/code><code>&lt;<\/code><code>div<\/code> <code>class<\/code><code>=<\/code><code>\"owl-item\"<\/code><code>&gt;...&lt;\/<\/code><code>div<\/code><code>&gt;<\/code><code>&lt;<\/code><code>div<\/code> <code>class<\/code><code>=<\/code><code>\"owl-item\"<\/code><code>&gt;...&lt;\/<\/code><code>div<\/code><code>&gt;<\/code><code>&lt;\/<\/code><code>div<\/code><code>&gt;<\/code><code>&lt;\/<\/code><code>div<\/code><code>&gt;<\/code><code>&lt;<\/code><code>div<\/code> <code>class<\/code><code>=<\/code><code>\"owl-controls\"<\/code><code>&gt;<\/code><code>&lt;<\/code><code>div<\/code> <code>class<\/code><code>=<\/code><code>\"owl-nav\"<\/code><code>&gt;<\/code><code>&lt;<\/code><code>div<\/code> <code>class<\/code><code>=<\/code><code>\"owl-prev\"<\/code><code>&gt;prev&lt;\/<\/code><code>div<\/code><code>&gt;<\/code><code>&lt;<\/code><code>div<\/code> <code>class<\/code><code>=<\/code><code>\"owl-next\"<\/code><code>&gt;next&lt;\/<\/code><code>div<\/code><code>&gt;<\/code><code>&lt;\/<\/code><code>div<\/code><code>&gt;<\/code><code>&lt;<\/code><code>div<\/code> <code>class<\/code><code>=<\/code><code>\"owl-dots\"<\/code><code>&gt;<\/code><code>&lt;<\/code><code>div<\/code> <code>class<\/code><code>=<\/code><code>\"owl-dot active\"<\/code><code>&gt;&lt;<\/code><code>span<\/code><code>&gt;&lt;\/<\/code><code>span<\/code><code>&gt;&lt;\/<\/code><code>div<\/code><code>&gt;<\/code><code>&lt;<\/code><code>div<\/code> <code>class<\/code><code>=<\/code><code>\"owl-dot\"<\/code><code>&gt;&lt;<\/code><code>span<\/code><code>&gt;&lt;\/<\/code><code>span<\/code><code>&gt;&lt;\/<\/code><code>div<\/code><code>&gt;<\/code><code>&lt;<\/code><code>div<\/code> <code>class<\/code><code>=<\/code><code>\"owl-dot\"<\/code><code>&gt;&lt;<\/code><code>span<\/code><code>&gt;&lt;\/<\/code><code>span<\/code><code>&gt;&lt;\/<\/code><code>div<\/code><code>&gt;<\/code><code>&lt;\/<\/code><code>div<\/code><code>&gt;<\/code><code>&lt;\/<\/code><code>div<\/code><code>&gt;<\/code><code>&lt;\/<\/code><code>div<\/code><code>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><td>\u53c2\u6570\u540d\u79f0<\/td><td>\u53c2\u6570\u7c7b\u578b<\/td><td>\u9ed8\u8ba4\u503c<\/td><td>\u63cf\u8ff0<\/td><\/tr><\/thead><tbody><tr><td>themeClass<\/td><td>Type: Class\/String<\/td><td>Default: owl-theme<\/td><td>Theme Class.<\/td><\/tr><tr><td>baseClass<\/td><td>Type: Class\/String<\/td><td>Default: owl-carousel<\/td><td>Base element Class<\/td><\/tr><tr><td>itemClass<\/td><td>Type: Class\/String<\/td><td>Default: owl-item<\/td><td>Item Class<\/td><\/tr><tr><td>centerClass<\/td><td>Type: Class\/String<\/td><td>Default: center<\/td><td>Center Class.<\/td><\/tr><tr><td>activeClass<\/td><td>Type: Class\/String<\/td><td>Default: active<\/td><td>Active Class<\/td><\/tr><tr><td>navContainerClass<\/td><td>Type: Class\/String<\/td><td>Default: owl-nav<\/td><td>Nav container Class.<\/td><\/tr><tr><td>navClass<\/td><td>Type: Array\/Class\/String<\/td><td>Default: [&#8216;owl-prev&#8217;,&#8217;owl-next&#8217;]<\/td><td>Nav buttons Classes<\/td><\/tr><tr><td>controlsClass<\/td><td>Type: Class\/String<\/td><td>Default: owl-controls<\/td><td>Controls Class &#8211; wrapper for navs and dots<\/td><\/tr><tr><td>dotClass<\/td><td>Type: Class\/String<\/td><td>Default: owl-dot<\/td><td>Dot Class<\/td><\/tr><tr><td>dotsClass<\/td><td>Type: Class\/String<\/td><td>Default: owl-dots<\/td><td>Dots Class &#8211; Container for dots..<\/td><\/tr><tr><td>autoHeightClass<\/td><td>Type: Class\/String<\/td><td>Default: owl-height<\/td><td>Auto height Class.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;\u4e8b\u4ef6<\/h3>\n\n\n\n<p>\u6240\u6709\u7684\u4e8b\u4ef6\u90fd\u6709Owl Carousel\u7684\u6838\u5fc3\u4ee3\u7801\u63d0\u4f9b\u3002\u8fd9\u4f7f\u5f97\u4f60\u53ef\u4ee5\u76d1\u542c\u4efb\u4f55\u5143\u7d20\u7684\u53d8\u5316\u548c\u7ed9\u51fa\u56de\u8c03\u51fd\u6570\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><code>var<\/code> <code>owl = $(<\/code><code>'.owl-carousel'<\/code><code>);<\/code><code>owl.owlCarousel();<\/code><code>\/\/ Listen to owl events:<\/code><code>owl.on(<\/code><code>'changed.owl.carousel'<\/code><code>, <\/code><code>function<\/code><code>(event) {<\/code><code>...<\/code><code>})&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u4f60\u4e5f\u53ef\u4ee5\u81ea\u884c\u89e6\u53d1Owl Carousel\u4e8b\u4ef6\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><code>var<\/code> <code>owl = $(<\/code><code>'.owl-carousel'<\/code><code>);<\/code><code>owl.owlCarousel();<\/code><code>\/\/ Go to the next item<\/code><code>$(<\/code><code>'.customNextBtn'<\/code><code>).click(<\/code><code>function<\/code><code>() {<\/code><code>owl.trigger(<\/code><code>'next.owl.carousel'<\/code><code>);<\/code><code>})<\/code><code>\/\/ Go to the previous item<\/code><code>$(<\/code><code>'.customPrevBtn'<\/code><code>).click(<\/code><code>function<\/code><code>() {<\/code><code>\/\/ With optional speed parameter<\/code><code>\/\/ Parameters has to be in square bracket '[]'<\/code><code>owl.trigger(<\/code><code>'prev.owl.carousel'<\/code><code>, [300]);<\/code><code>})&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">&nbsp;Callbacks<\/h5>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><code>$(<\/code><code>'.owl-carousel'<\/code><code>).owlCarousel({<\/code><code>onDragged: callback<\/code><code>});<\/code><code>function<\/code> <code>callback(event) {<\/code><code>...<\/code><code>}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">&nbsp;Data<\/h5>\n\n\n\n<p>\u6bcf\u4e00\u4e2a\u4e8b\u4ef6\u90fd\u901a\u8fc7<a href=\"http:\/\/api.jquery.com\/category\/events\/event-object\/\" target=\"_blank\" rel=\"noreferrer noopener\">event object<\/a>\u63d0\u4f9b\u975e\u5e38\u6709\u7528\u7684\u4fe1\u606f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><code>function<\/code> <code>callback(event) {<\/code><code>\/\/ Provided by the core<\/code><code>var<\/code> <code>element&nbsp;&nbsp; = event.target;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/code><code>\/\/ DOM element, in this example .owl-carousel<\/code><code>var<\/code> <code>name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = event.type;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/code><code>\/\/ Name of the event, in this example dragged<\/code><code>var<\/code> <code>namespace = event.namespace;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/code><code>\/\/ Namespace of the event, in this example owl.carousel<\/code><code>var<\/code> <code>items&nbsp;&nbsp;&nbsp;&nbsp; = event.item.count;&nbsp;&nbsp;&nbsp;&nbsp; <\/code><code>\/\/ Number of items<\/code><code>var<\/code> <code>item&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = event.item.index;&nbsp;&nbsp;&nbsp;&nbsp; <\/code><code>\/\/ Position of the current item<\/code><code>\/\/ Provided by the navigation plugin<\/code><code>var<\/code> <code>pages&nbsp;&nbsp;&nbsp;&nbsp; = event.page.count;&nbsp;&nbsp;&nbsp;&nbsp; <\/code><code>\/\/ Number of pages<\/code><code>var<\/code> <code>page&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = event.page.index;&nbsp;&nbsp;&nbsp;&nbsp; <\/code><code>\/\/ Position of the current page<\/code><code>var<\/code> <code>size&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = event.page.size;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/code><code>\/\/ Number of items per page<\/code><code>}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">&nbsp;Carousel<\/h5>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><td>\u540d\u79f0<\/td><td>\u7c7b\u578b<\/td><td>\u56de\u8c03\u51fd\u6570<\/td><td>\u89e6\u53d1\u65f6\u673a<\/td><\/tr><\/thead><tbody><tr><td>initialize.owl.carousel<\/td><td>Type: attachable<\/td><td>Callback: onInitialize<\/td><td>\u63d2\u4ef6\u521d\u59cb\u5316\u65f6\u89e6\u53d1<\/td><\/tr><tr><td>initialized.owl.carousel<\/td><td>Type: attachable<\/td><td>Callback: onInitialized<\/td><td>\u63d2\u4ef6\u521d\u59cb\u5316\u540e\u89e6\u53d1<\/td><\/tr><tr><td>resize.owl.carousel<\/td><td>Type: attachable<\/td><td>Callback: onResize<\/td><td>\u65cb\u8f6c\u6728\u9a6c\u5c3a\u5bf8\u6539\u53d8\u65f6\u89e6\u53d1<\/td><\/tr><tr><td>resized.owl.carousel<\/td><td>Type: attachable<\/td><td>Callback: onResized<\/td><td>\u65cb\u8f6c\u6728\u9a6c\u5c3a\u5bf8\u6539\u53d8\u540e\u89e6\u53d1<\/td><\/tr><tr><td>refresh.owl.carousel<\/td><td>Type: attachable, cancelable, triggerable<\/td><td>Callback: onRefresh,Parameter: [event, speed]<\/td><td>When the internal state of the plugin needs update.<\/td><\/tr><tr><td>refreshed.owl.carousel<\/td><td>Type: attachable<\/td><td>Callback: onRefreshed<\/td><td>When the internal state of the plugin has updated.<\/td><\/tr><tr><td>drag.owl.carousel<\/td><td>Type: attachable<\/td><td>Callback: onDrag<\/td><td>\u5f53\u62d6\u52a8\u65cb\u8f6c\u6728\u9a6c\u9879\u65f6\u89e6\u53d1<\/td><\/tr><tr><td>dragged.owl.carousel<\/td><td>Type: attachable<\/td><td>Callback: onDragged<\/td><td>\u5f53\u62d6\u52a8\u65cb\u8f6c\u6728\u9a6c\u9879\u7ed3\u675f\u540e\u89e6\u53d1<\/td><\/tr><tr><td>translate.owl.carousel<\/td><td>Type: attachable<\/td><td>Callback: onTranslate<\/td><td>When the translation of the stage starts.<\/td><\/tr><tr><td>translated.owl.carousel<\/td><td>Type: attachable<\/td><td>Callback: onTranslated<\/td><td>When the translation of the stage has finished.<\/td><\/tr><tr><td>change.owl.carousel<\/td><td>Type: attachable<\/td><td>Callback: onChange,Parameter: property<\/td><td>When a property is going to change its value<\/td><\/tr><tr><td>changed.owl.carousel<\/td><td>Type: attachable<\/td><td>Callback: onChanged,Parameter: property<\/td><td>When a property has changed its value.<\/td><\/tr><tr><td>next.owl.carousel<\/td><td>Type: triggerable<\/td><td>Parameter: [speed]<\/td><td>Goes to next item.<\/td><\/tr><tr><td>prev.owl.carousel<\/td><td>Type: triggerable<\/td><td>Parameter: [speed]<\/td><td>Goes to previous item.<\/td><\/tr><tr><td>to.owl.carousel<\/td><td>Type: triggerable<\/td><td>Parameter: [position, speed]<\/td><td>Goes to postion<\/td><\/tr><tr><td>destroy.owl.carousel<\/td><td>Type: triggerable<\/td><td><\/td><td>Destroys carousel<\/td><\/tr><tr><td>replace.owl.carousel<\/td><td>Type: triggerable<\/td><td>Parameter: data<\/td><td>Removes current content and add a new one passed in the parameter.<\/td><\/tr><tr><td>add.owl.carousel<\/td><td>Type: triggerable<\/td><td>Parameter: [data, position]<\/td><td>Adds a new item on a given position.<\/td><\/tr><tr><td>remove.owl.carousel<\/td><td>Type: triggerable<\/td><td>Parameter: position<\/td><td>Removes an item from a given position<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">&nbsp;Lazy<\/h5>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><td>\u540d\u79f0<\/td><td>\u7c7b\u578b<\/td><td>\u56de\u8c03\u51fd\u6570<\/td><td>\u89e6\u53d1\u65f6\u673a<\/td><\/tr><\/thead><tbody><tr><td>load.owl.lazy<\/td><td>Type: attachable<\/td><td>Callback: onLoadLazy<\/td><td>When lazy image loads.<\/td><\/tr><tr><td>loaded.owl.lazy<\/td><td>Type: attachable<\/td><td><\/td><td>Callback: onLoadedLazy<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">&nbsp;Video<\/h5>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><td>\u540d\u79f0<\/td><td>\u7c7b\u578b<\/td><td>\u56de\u8c03\u51fd\u6570<\/td><td>\u89e6\u53d1\u65f6\u673a<\/td><\/tr><\/thead><tbody><tr><td>stop.owl.video<\/td><td>Type: attachable<\/td><td>Callback: onStopVideo<\/td><td>When video has unloaded.<\/td><\/tr><tr><td>play.owl.video<\/td><td>Type: attachable<\/td><td>Callback: onPlayVideo<\/td><td>When video has loaded.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">&nbsp;Autoplay<\/h5>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><td>\u540d\u79f0<\/td><td>\u7c7b\u578b<\/td><td>\u53c2\u6570<\/td><td>\u63cf\u8ff0<\/td><\/tr><\/thead><tbody><tr><td>play.owl.autoplay<\/td><td>Type: triggerable<\/td><td>Parameter: [timeout, speed]<\/td><td>Runs autoplay<\/td><\/tr><tr><td>stop.owl.autoplay<\/td><td>Type: triggerable<\/td><td><\/td><td>Stops autoplay<\/td><\/tr><\/tbody><\/table><\/figure>\n<noscript><style>article img.lazyload[src^=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg\"]{display: none;}<\/style><\/noscript>","protected":false},"excerpt":{"rendered":"<p>Owl\u7684\u65b0\u7279\u6027\u6709\uff1a \u53ef\u4ee5\u65e0\u9650\u5faa\u73af \u9879\u76ee\u53ef\u4ee5\u5c45\u4e2d\u663e\u793a \u7075\u6d3b\u7684\u901f\u5ea6\u63a7\u5236 \u591a\u7ea7\u522b\u7684padding\u8bbe\u7f6e \u9879\u76ee\u95f4\u53ef\u4ee5\u8bbe\u7f6e [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-93","post","type-post","status-publish","format-standard","hentry","category-6"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>owl \u53c2\u6570\u914d\u7f6e - \u7406\u60f3\u4e09\u65ec\u535a\u5ba2<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.xyn4.cn\/?p=93\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"owl \u53c2\u6570\u914d\u7f6e - \u7406\u60f3\u4e09\u65ec\u535a\u5ba2\" \/>\n<meta property=\"og:description\" content=\"Owl\u7684\u65b0\u7279\u6027\u6709\uff1a \u53ef\u4ee5\u65e0\u9650\u5faa\u73af \u9879\u76ee\u53ef\u4ee5\u5c45\u4e2d\u663e\u793a \u7075\u6d3b\u7684\u901f\u5ea6\u63a7\u5236 \u591a\u7ea7\u522b\u7684padding\u8bbe\u7f6e \u9879\u76ee\u95f4\u53ef\u4ee5\u8bbe\u7f6e [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.xyn4.cn\/?p=93\" \/>\n<meta property=\"og:site_name\" content=\"\u7406\u60f3\u4e09\u65ec\u535a\u5ba2\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-19T07:51:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-17T02:10:23+00:00\" \/>\n<meta name=\"author\" content=\"lzf\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"lzf\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.xyn4.cn\/#website\",\"url\":\"https:\/\/www.xyn4.cn\/\",\"name\":\"\u7406\u60f3\u4e09\u65ec\u535a\u5ba2\",\"description\":\"\u53c8\u4e00\u4e2aWordPress\u7ad9\u70b9\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.xyn4.cn\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.xyn4.cn\/?p=93\",\"url\":\"https:\/\/www.xyn4.cn\/?p=93\",\"name\":\"owl \u53c2\u6570\u914d\u7f6e - \u7406\u60f3\u4e09\u65ec\u535a\u5ba2\",\"isPartOf\":{\"@id\":\"https:\/\/www.xyn4.cn\/#website\"},\"datePublished\":\"2020-08-19T07:51:22+00:00\",\"dateModified\":\"2022-03-17T02:10:23+00:00\",\"author\":{\"@id\":\"https:\/\/www.xyn4.cn\/#\/schema\/person\/1aa4e9bb2ca9ebffc5d1925d017e2332\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.xyn4.cn\/?p=93#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.xyn4.cn\/?p=93\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.xyn4.cn\/?p=93#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.xyn4.cn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"owl \u53c2\u6570\u914d\u7f6e\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.xyn4.cn\/#\/schema\/person\/1aa4e9bb2ca9ebffc5d1925d017e2332\",\"name\":\"lzf\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.xyn4.cn\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/cn.gravatar.com\/avatar\/a2e850dc4ffdb86146e97bf818fc8ed6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/cn.gravatar.com\/avatar\/a2e850dc4ffdb86146e97bf818fc8ed6?s=96&d=mm&r=g\",\"caption\":\"lzf\"},\"sameAs\":[\"http:\/\/www.lzfblog.com\"],\"url\":\"https:\/\/www.xyn4.cn\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"owl \u53c2\u6570\u914d\u7f6e - \u7406\u60f3\u4e09\u65ec\u535a\u5ba2","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.xyn4.cn\/?p=93","og_locale":"zh_CN","og_type":"article","og_title":"owl \u53c2\u6570\u914d\u7f6e - \u7406\u60f3\u4e09\u65ec\u535a\u5ba2","og_description":"Owl\u7684\u65b0\u7279\u6027\u6709\uff1a \u53ef\u4ee5\u65e0\u9650\u5faa\u73af \u9879\u76ee\u53ef\u4ee5\u5c45\u4e2d\u663e\u793a \u7075\u6d3b\u7684\u901f\u5ea6\u63a7\u5236 \u591a\u7ea7\u522b\u7684padding\u8bbe\u7f6e \u9879\u76ee\u95f4\u53ef\u4ee5\u8bbe\u7f6e [&hellip;]","og_url":"https:\/\/www.xyn4.cn\/?p=93","og_site_name":"\u7406\u60f3\u4e09\u65ec\u535a\u5ba2","article_published_time":"2020-08-19T07:51:22+00:00","article_modified_time":"2022-03-17T02:10:23+00:00","author":"lzf","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"lzf","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"6 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.xyn4.cn\/#website","url":"https:\/\/www.xyn4.cn\/","name":"\u7406\u60f3\u4e09\u65ec\u535a\u5ba2","description":"\u53c8\u4e00\u4e2aWordPress\u7ad9\u70b9","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.xyn4.cn\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"WebPage","@id":"https:\/\/www.xyn4.cn\/?p=93","url":"https:\/\/www.xyn4.cn\/?p=93","name":"owl \u53c2\u6570\u914d\u7f6e - \u7406\u60f3\u4e09\u65ec\u535a\u5ba2","isPartOf":{"@id":"https:\/\/www.xyn4.cn\/#website"},"datePublished":"2020-08-19T07:51:22+00:00","dateModified":"2022-03-17T02:10:23+00:00","author":{"@id":"https:\/\/www.xyn4.cn\/#\/schema\/person\/1aa4e9bb2ca9ebffc5d1925d017e2332"},"breadcrumb":{"@id":"https:\/\/www.xyn4.cn\/?p=93#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.xyn4.cn\/?p=93"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.xyn4.cn\/?p=93#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.xyn4.cn\/"},{"@type":"ListItem","position":2,"name":"owl \u53c2\u6570\u914d\u7f6e"}]},{"@type":"Person","@id":"https:\/\/www.xyn4.cn\/#\/schema\/person\/1aa4e9bb2ca9ebffc5d1925d017e2332","name":"lzf","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.xyn4.cn\/#\/schema\/person\/image\/","url":"https:\/\/cn.gravatar.com\/avatar\/a2e850dc4ffdb86146e97bf818fc8ed6?s=96&d=mm&r=g","contentUrl":"https:\/\/cn.gravatar.com\/avatar\/a2e850dc4ffdb86146e97bf818fc8ed6?s=96&d=mm&r=g","caption":"lzf"},"sameAs":["http:\/\/www.lzfblog.com"],"url":"https:\/\/www.xyn4.cn\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/www.xyn4.cn\/index.php?rest_route=\/wp\/v2\/posts\/93","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xyn4.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xyn4.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xyn4.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xyn4.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=93"}],"version-history":[{"count":2,"href":"https:\/\/www.xyn4.cn\/index.php?rest_route=\/wp\/v2\/posts\/93\/revisions"}],"predecessor-version":[{"id":95,"href":"https:\/\/www.xyn4.cn\/index.php?rest_route=\/wp\/v2\/posts\/93\/revisions\/95"}],"wp:attachment":[{"href":"https:\/\/www.xyn4.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=93"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xyn4.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=93"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xyn4.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}