{"id":3921,"date":"2019-03-29T09:39:59","date_gmt":"2019-03-29T04:09:59","guid":{"rendered":"https:\/\/blog.pheonixsolutions.com\/?p=3921"},"modified":"2019-03-29T09:40:15","modified_gmt":"2019-03-29T04:10:15","slug":"jquery-draggable-droppable","status":"publish","type":"post","link":"https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/","title":{"rendered":"JQuery draggable\/droppable"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">JQuery draggable\/droppable<\/h4>\n\n\n\n<p><strong>Date : 27\/03\/2019<\/strong><\/p>\n\n\n\n<p>In this article I will describe the Drag&amp;Drop feature from jQuery. In this post we will create the example drag and drop html page.<\/p>\n\n\n\n<p><strong>Step for creating the drag and drop html page.<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li> Include jquery and css file inside head.<\/li><\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;link rel='stylesheet' href='http:\/\/ajax.googleapis.com\/ajax\/libs\/jqueryui\/1.11.2\/themes\/smoothness\/jquery-ui.css'>\n&lt;link rel='stylesheet' href='https:\/\/code.jquery.com\/ui\/1.10.4\/themes\/ui-lightness\/jquery-ui.css'>\n&lt;source src='http:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.3\/jquery.min.js'>&lt;\/source>\n&lt;source src='http:\/\/ajax.googleapis.com\/ajax\/libs\/jqueryui\/1.11.2\/jquery-ui.min.js'>&lt;\/source><\/pre>\n\n\n\n<p>2. You can add the following css and javascript code inside head tag.<\/p>\n\n\n\n<p><strong>CSS:<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">#draggables {\n  background-color: white;\n  padding: 20px;\n  border: 1px solid #000;\n  border-radius: 15px;\n  width: 12%;\n  height: 300px;\n}\n\n#trashCan {\n  float: right;\n}\n\n.good {\n  border: 1px solid green;\n}\n\n.bad {\n    border: 1px solid red;\n}\n\n.rotate {\n  transition-duration: .5s;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n  -webkit-transform: rotate(360deg);\n          transform: rotate(360deg);\n  \n}<\/pre>\n\n\n\n<p><strong>Javascript:<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">$(function () {\n$(\".good\").draggable();\n$(\".bad\").draggable({\nrevert:\"invalid\"\n});\n$(\"#trashCan\").droppable({\nactiveClass:\"ui-state-active\",\nhoverClass: \"rotate\",\naccept:\".good\",\ndrop: function(event,ui) {\nui.draggable.fadeOut(function () {\nui.draggable.remove();\n});\n}\n});\n});<\/pre>\n\n\n\n<p><br>3. You can add the following code inside body tag.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"><div>\n  <div id=\"draggables\">\n    <div class=\"good\">\n      Folder 1\n    <\/div>\n    <div class=\"good\">\n      Folder 2\n    <\/div> \n    <div class=\"good\">\n     Folder 3\n    <\/div>\n    <div class=\"bad\">\n     Folder 4\n    <\/div>\n  &lt;\/div&gt;  \n  <div>\n    <img decoding=\"async\" src=\"https:\/\/image.flaticon.com\/icons\/png\/512\/484\/484662.png\" alt=\"\" id=\"trashCan\" \/>\n  <\/div>\n&lt;\/div&gt;<\/pre>\n\n\n\n<p>The final output like that:<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"742\" scale=\"0\" class=\"wp-image-3929\" style=\"width: 150px\" src=\"https:\/\/blog.pheonixsolutions.com\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-27-at-6.29.05-PM.png\" alt=\"\" srcset=\"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-27-at-6.29.05-PM.png 1440w, https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-27-at-6.29.05-PM-300x155.png 300w, https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-27-at-6.29.05-PM-768x396.png 768w, https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-27-at-6.29.05-PM-1024x528.png 1024w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/p>\n\n\n\n<p>Thanks for using pheonixsolutions.<\/p>\n\n\n\n<p>You find this tutorial helpful? Share with your friends to keep it alive.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>JQuery draggable\/droppable Date : 27\/03\/2019 In this article I will describe the Drag&amp;Drop feature from jQuery. In this post we will create the example drag and drop html page. Step for creating the drag and drop html page. Include jquery and css file inside head. 2. You can add the&hellip; <a href=\"https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/\" class=\"more-link read-more\" rel=\"bookmark\">Continue Reading <span class=\"screen-reader-text\">JQuery draggable\/droppable<\/span><i class=\"fa fa-arrow-right\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[484],"tags":[485,350],"class_list":{"0":"post-3921","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"hentry","6":"category-html-css","7":"tag-html-css","8":"tag-javascriptjquery","9":"h-entry","11":"h-as-article"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pheonix Solutions - We Empower Your Business Growth<\/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:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pheonix Solutions - We Empower Your Business Growth\" \/>\n<meta property=\"og:description\" content=\"JQuery draggable\/droppable Date : 27\/03\/2019 In this article I will describe the Drag&amp;Drop feature from jQuery. In this post we will create the example drag and drop html page. Step for creating the drag and drop html page. Include jquery and css file inside head. 2. You can add the&hellip; Continue Reading JQuery draggable\/droppable\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/\" \/>\n<meta property=\"og:site_name\" content=\"PHEONIXSOLUTIONS\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/PheonixSolutions-209942982759387\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-03-29T04:09:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-03-29T04:10:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/image.flaticon.com\/icons\/png\/512\/484\/484662.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pheonixsolution\" \/>\n<meta name=\"twitter:site\" content=\"@pheonixsolution\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/jquery-draggable-droppable\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/jquery-draggable-droppable\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#\\\/schema\\\/person\\\/0ffa33d73c869faec2d50e79c24e3503\"},\"headline\":\"JQuery draggable\\\/droppable\",\"datePublished\":\"2019-03-29T04:09:59+00:00\",\"dateModified\":\"2019-03-29T04:10:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/jquery-draggable-droppable\\\/\"},\"wordCount\":94,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/jquery-draggable-droppable\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/image.flaticon.com\\\/icons\\\/png\\\/512\\\/484\\\/484662.png\",\"keywords\":[\"HTML CSS\",\"Javascript\\\/jquery\"],\"articleSection\":[\"HTML CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/jquery-draggable-droppable\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/jquery-draggable-droppable\\\/\",\"url\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/jquery-draggable-droppable\\\/\",\"name\":\"Pheonix Solutions - We Empower Your Business Growth\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/jquery-draggable-droppable\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/jquery-draggable-droppable\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/image.flaticon.com\\\/icons\\\/png\\\/512\\\/484\\\/484662.png\",\"datePublished\":\"2019-03-29T04:09:59+00:00\",\"dateModified\":\"2019-03-29T04:10:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/jquery-draggable-droppable\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/jquery-draggable-droppable\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/jquery-draggable-droppable\\\/#primaryimage\",\"url\":\"https:\\\/\\\/image.flaticon.com\\\/icons\\\/png\\\/512\\\/484\\\/484662.png\",\"contentUrl\":\"https:\\\/\\\/image.flaticon.com\\\/icons\\\/png\\\/512\\\/484\\\/484662.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/jquery-draggable-droppable\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JQuery draggable\\\/droppable\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/\",\"name\":\"Pheonix Solutions\",\"description\":\"We Empower Your Business Growth\",\"publisher\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#organization\",\"name\":\"PheonixSolutions\",\"url\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/logo.png\",\"width\":454,\"height\":300,\"caption\":\"PheonixSolutions\"},\"image\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/PheonixSolutions-209942982759387\\\/\",\"https:\\\/\\\/x.com\\\/pheonixsolution\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#\\\/schema\\\/person\\\/0ffa33d73c869faec2d50e79c24e3503\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09bacc0294abee1322a23ab4bc6a0330dd4cb4df707dc9d0b0efeba6c109608b?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09bacc0294abee1322a23ab4bc6a0330dd4cb4df707dc9d0b0efeba6c109608b?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09bacc0294abee1322a23ab4bc6a0330dd4cb4df707dc9d0b0efeba6c109608b?s=96&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"http:\\\/\\\/blog.pheonixsolutions.com\"],\"url\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pheonix Solutions - We Empower Your Business Growth","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:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/","og_locale":"en_US","og_type":"article","og_title":"Pheonix Solutions - We Empower Your Business Growth","og_description":"JQuery draggable\/droppable Date : 27\/03\/2019 In this article I will describe the Drag&amp;Drop feature from jQuery. In this post we will create the example drag and drop html page. Step for creating the drag and drop html page. Include jquery and css file inside head. 2. You can add the&hellip; Continue Reading JQuery draggable\/droppable","og_url":"https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/","og_site_name":"PHEONIXSOLUTIONS","article_publisher":"https:\/\/www.facebook.com\/PheonixSolutions-209942982759387\/","article_published_time":"2019-03-29T04:09:59+00:00","article_modified_time":"2019-03-29T04:10:15+00:00","og_image":[{"url":"https:\/\/image.flaticon.com\/icons\/png\/512\/484\/484662.png","type":"","width":"","height":""}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@pheonixsolution","twitter_site":"@pheonixsolution","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/#article","isPartOf":{"@id":"https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/"},"author":{"name":"admin","@id":"https:\/\/pheonixsolutions.com\/blog\/#\/schema\/person\/0ffa33d73c869faec2d50e79c24e3503"},"headline":"JQuery draggable\/droppable","datePublished":"2019-03-29T04:09:59+00:00","dateModified":"2019-03-29T04:10:15+00:00","mainEntityOfPage":{"@id":"https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/"},"wordCount":94,"commentCount":0,"publisher":{"@id":"https:\/\/pheonixsolutions.com\/blog\/#organization"},"image":{"@id":"https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/#primaryimage"},"thumbnailUrl":"https:\/\/image.flaticon.com\/icons\/png\/512\/484\/484662.png","keywords":["HTML CSS","Javascript\/jquery"],"articleSection":["HTML CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/","url":"https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/","name":"Pheonix Solutions - We Empower Your Business Growth","isPartOf":{"@id":"https:\/\/pheonixsolutions.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/#primaryimage"},"image":{"@id":"https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/#primaryimage"},"thumbnailUrl":"https:\/\/image.flaticon.com\/icons\/png\/512\/484\/484662.png","datePublished":"2019-03-29T04:09:59+00:00","dateModified":"2019-03-29T04:10:15+00:00","breadcrumb":{"@id":"https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/#primaryimage","url":"https:\/\/image.flaticon.com\/icons\/png\/512\/484\/484662.png","contentUrl":"https:\/\/image.flaticon.com\/icons\/png\/512\/484\/484662.png"},{"@type":"BreadcrumbList","@id":"https:\/\/pheonixsolutions.com\/blog\/jquery-draggable-droppable\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pheonixsolutions.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JQuery draggable\/droppable"}]},{"@type":"WebSite","@id":"https:\/\/pheonixsolutions.com\/blog\/#website","url":"https:\/\/pheonixsolutions.com\/blog\/","name":"Pheonix Solutions","description":"We Empower Your Business Growth","publisher":{"@id":"https:\/\/pheonixsolutions.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pheonixsolutions.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/pheonixsolutions.com\/blog\/#organization","name":"PheonixSolutions","url":"https:\/\/pheonixsolutions.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pheonixsolutions.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2016\/12\/logo.png","contentUrl":"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2016\/12\/logo.png","width":454,"height":300,"caption":"PheonixSolutions"},"image":{"@id":"https:\/\/pheonixsolutions.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/PheonixSolutions-209942982759387\/","https:\/\/x.com\/pheonixsolution"]},{"@type":"Person","@id":"https:\/\/pheonixsolutions.com\/blog\/#\/schema\/person\/0ffa33d73c869faec2d50e79c24e3503","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/09bacc0294abee1322a23ab4bc6a0330dd4cb4df707dc9d0b0efeba6c109608b?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/09bacc0294abee1322a23ab4bc6a0330dd4cb4df707dc9d0b0efeba6c109608b?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/09bacc0294abee1322a23ab4bc6a0330dd4cb4df707dc9d0b0efeba6c109608b?s=96&r=g","caption":"admin"},"sameAs":["http:\/\/blog.pheonixsolutions.com"],"url":"https:\/\/pheonixsolutions.com\/blog\/author\/admin\/"}]}},"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p7F4uM-11f","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/3921","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=3921"}],"version-history":[{"count":0,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/3921\/revisions"}],"wp:attachment":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=3921"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=3921"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=3921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}