{"id":7613,"date":"2021-01-06T15:25:05","date_gmt":"2021-01-06T21:25:05","guid":{"rendered":"http:\/\/unasolucion.com.mx\/blog\/?p=7613"},"modified":"2022-07-08T11:29:22","modified_gmt":"2022-07-08T17:29:22","slug":"abrir-un-modal-bootstrap-desde-jquery","status":"publish","type":"post","link":"https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/","title":{"rendered":"Abrir un modal bootstrap desde jQuery"},"content":{"rendered":"\n<p>El d\u00eda de hoy un cliente me pidi\u00f3 incluir un v\u00eddeo en su web, la idea era poner un modal que se cargar\u00e1 autom\u00e1ticamente al abrir el sitio.<br><br>Esto se puede hacer muy f\u00e1cilmente con <strong>Bootstrap<\/strong> y <strong>jQuery<\/strong>.<\/p>\n\n\n\n<p>Lo primero que tienes que hacer es incluir en tu header (dentro de la etiqueta <strong>&lt;head&gt;&lt;\/head&gt;<\/strong>) los c\u00f3digos de Bootstrap.<\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:default decode:true \">&lt;link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.5\/css\/bootstrap.min.css\"&gt;<\/pre><\/div>\n\n\n\n<p>Y al final de nuestro archivo antes del cierre de etiquetas &lt;body&gt;&lt;html&gt; hay que integrar el siguiente c\u00f3digo correspondiente a <strong>jQuery<\/strong> y <strong>Bootstrap<\/strong><\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:default decode:true \">&lt;script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"&gt;&lt;\/script&gt;&lt;!-- jQuery --&gt;\n&lt;script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.5\/js\/bootstrap.min.js\"&gt;&lt;\/script&gt;&lt;!-- Bootstrap --&gt;<\/pre><\/div>\n\n\n\n<p>Ya que tenemos cargado nuestros archivos, podemos incluir los c\u00f3digos del <strong>modal<\/strong> que ser\u00eda el siguiente:<\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:default decode:true \">&lt;!-- The Modal --&gt;\n&lt;div class=\"modal\" id=\"modalPromociones\"&gt;\n  &lt;div class=\"modal-dialog\"&gt;\n    &lt;div class=\"modal-content\"&gt;\n\n      &lt;!-- Modal Header --&gt;\n      &lt;div class=\"modal-header\"&gt;\n        &lt;h4 class=\"modal-title\"&gt;Promociones de Enero&lt;\/h4&gt;\n        &lt;button type=\"button\" class=\"close\" data-dismiss=\"modal\"&gt;\u00d7&lt;\/button&gt;\n      &lt;\/div&gt;\n\n      &lt;!-- Modal body --&gt;\n      &lt;div class=\"modal-body\"&gt;\n        \n        &lt;video autoplay=\"\" loop=\"\" width=\"100%\" height=\"auto\" controls=\"\"&gt;\n          &lt;source src=\"promociones.mp4\" type=\"video\/mp4\"&gt;\n        &lt;\/video&gt;\n\n      &lt;\/div&gt;\n\n      &lt;!-- Modal footer --&gt;\n      &lt;div class=\"modal-footer\"&gt;\n        &lt;button type=\"button\" class=\"genric-btn primary-border circle arrow\" data-dismiss=\"modal\"&gt;Cerrar&lt;\/button&gt;\n      &lt;\/div&gt;\n\n    &lt;\/div&gt;\n  &lt;\/div&gt;\n&lt;\/div&gt;<\/pre><\/div>\n\n\n\n<p>En este caso mi <strong>modal<\/strong> tiene un titulo y va a mostrar una imagen (puedes incluir texto, v\u00eddeo, lo que quieras).<\/p>\n\n\n\n<p>Posteriormente al finalizar el archivo, en mi caso<strong> index.html<\/strong>, agrego el siguiente <strong>script<\/strong>, que es el que se encargar\u00e1 de lanzar el <strong>modal<\/strong> en cu\u00e1nto se abra el sitio.<\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:default decode:true \">&lt;script&gt;\n  $(\"#modalPromociones\").modal(\"show\");\n&lt;\/script&gt;<\/pre><\/div>\n\n\n\n<p>De est\u00e1 forma cuando carga la web aparece el <strong>modal<\/strong> y muestra el contenido dentro de el.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"393\" src=\"https:\/\/unasolucion.com.mx\/blog\/wp-content\/uploads\/2022\/07\/modal-boostrap.jpeg\" alt=\"\" class=\"wp-image-8549\" srcset=\"https:\/\/unasolucion.com.mx\/blog\/wp-content\/uploads\/2022\/07\/modal-boostrap.jpeg 680w, https:\/\/unasolucion.com.mx\/blog\/wp-content\/uploads\/2022\/07\/modal-boostrap-300x173.jpeg 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><figcaption>Modal con Bootstrap y jQuery<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El d\u00eda de hoy un cliente me pidi\u00f3 incluir un v\u00eddeo en su web, la idea era poner un modal que se cargar\u00e1 autom\u00e1ticamente al abrir el sitio. Esto se puede hacer muy f\u00e1cilmente con Bootstrap y jQuery. Lo primero que tienes que hacer es incluir en tu header (dentro de la etiqueta &lt;head&gt;&lt;\/head&gt;) los &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/\" class=\"more-link\">Leer m\u00e1s<span class=\"screen-reader-text\"> \u00abAbrir un modal bootstrap desde jQuery\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":8549,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[82,60,83],"class_list":["post-7613","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriales","tag-boostrap","tag-jquery","tag-modal"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Abrir un modal bootstrap desde jQuery - Una Soluci\u00f3n<\/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:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Abrir un modal bootstrap desde jQuery - Una Soluci\u00f3n\" \/>\n<meta property=\"og:description\" content=\"El d\u00eda de hoy un cliente me pidi\u00f3 incluir un v\u00eddeo en su web, la idea era poner un modal que se cargar\u00e1 autom\u00e1ticamente al abrir el sitio. Esto se puede hacer muy f\u00e1cilmente con Bootstrap y jQuery. Lo primero que tienes que hacer es incluir en tu header (dentro de la etiqueta &lt;head&gt;&lt;\/head&gt;) los &hellip; Leer m\u00e1s \u00abAbrir un modal bootstrap desde jQuery\u00bb\" \/>\n<meta property=\"og:url\" content=\"https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Una Soluci\u00f3n\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-06T21:25:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-08T17:29:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/unasolucion.com.mx\/blog\/wp-content\/uploads\/2022\/07\/modal-boostrap.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"680\" \/>\n\t<meta property=\"og:image:height\" content=\"393\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"UNA solucion\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"UNA solucion\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/2021\\\/01\\\/06\\\/abrir-un-modal-bootstrap-desde-jquery\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/2021\\\/01\\\/06\\\/abrir-un-modal-bootstrap-desde-jquery\\\/\"},\"author\":{\"name\":\"UNA solucion\",\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/#\\\/schema\\\/person\\\/55091ad7205c2681ccdbc50bf607dcbb\"},\"headline\":\"Abrir un modal bootstrap desde jQuery\",\"datePublished\":\"2021-01-06T21:25:05+00:00\",\"dateModified\":\"2022-07-08T17:29:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/2021\\\/01\\\/06\\\/abrir-un-modal-bootstrap-desde-jquery\\\/\"},\"wordCount\":196,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/2021\\\/01\\\/06\\\/abrir-un-modal-bootstrap-desde-jquery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/modal-boostrap.jpeg\",\"keywords\":[\"boostrap\",\"jquery\",\"modal\"],\"articleSection\":[\"Tutoriales\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/2021\\\/01\\\/06\\\/abrir-un-modal-bootstrap-desde-jquery\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/2021\\\/01\\\/06\\\/abrir-un-modal-bootstrap-desde-jquery\\\/\",\"url\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/2021\\\/01\\\/06\\\/abrir-un-modal-bootstrap-desde-jquery\\\/\",\"name\":\"Abrir un modal bootstrap desde jQuery - Una Soluci\u00f3n\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/2021\\\/01\\\/06\\\/abrir-un-modal-bootstrap-desde-jquery\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/2021\\\/01\\\/06\\\/abrir-un-modal-bootstrap-desde-jquery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/modal-boostrap.jpeg\",\"datePublished\":\"2021-01-06T21:25:05+00:00\",\"dateModified\":\"2022-07-08T17:29:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/2021\\\/01\\\/06\\\/abrir-un-modal-bootstrap-desde-jquery\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/2021\\\/01\\\/06\\\/abrir-un-modal-bootstrap-desde-jquery\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/2021\\\/01\\\/06\\\/abrir-un-modal-bootstrap-desde-jquery\\\/#primaryimage\",\"url\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/modal-boostrap.jpeg\",\"contentUrl\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/modal-boostrap.jpeg\",\"width\":680,\"height\":393,\"caption\":\"modal-boostrap\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/2021\\\/01\\\/06\\\/abrir-un-modal-bootstrap-desde-jquery\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Abrir un modal bootstrap desde jQuery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/\",\"name\":\"Una Soluci\u00f3n\",\"description\":\"Soluciones en Tecnolog\u00eda\",\"publisher\":{\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/#organization\",\"name\":\"Una Soluci\u00f3n\",\"url\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/cropped-1S-Principal-logo-1.png\",\"contentUrl\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/cropped-1S-Principal-logo-1.png\",\"width\":500,\"height\":108,\"caption\":\"Una Soluci\u00f3n\"},\"image\":{\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/#\\\/schema\\\/person\\\/55091ad7205c2681ccdbc50bf607dcbb\",\"name\":\"UNA solucion\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c45e847ad5c965744fa577cb97ae8729bcf6e004c520b5dc7898d60e905041f3?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c45e847ad5c965744fa577cb97ae8729bcf6e004c520b5dc7898d60e905041f3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c45e847ad5c965744fa577cb97ae8729bcf6e004c520b5dc7898d60e905041f3?s=96&d=mm&r=g\",\"caption\":\"UNA solucion\"},\"url\":\"https:\\\/\\\/unasolucion.com.mx\\\/blog\\\/author\\\/osvaldo\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Abrir un modal bootstrap desde jQuery - Una Soluci\u00f3n","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:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/","og_locale":"es_MX","og_type":"article","og_title":"Abrir un modal bootstrap desde jQuery - Una Soluci\u00f3n","og_description":"El d\u00eda de hoy un cliente me pidi\u00f3 incluir un v\u00eddeo en su web, la idea era poner un modal que se cargar\u00e1 autom\u00e1ticamente al abrir el sitio. Esto se puede hacer muy f\u00e1cilmente con Bootstrap y jQuery. Lo primero que tienes que hacer es incluir en tu header (dentro de la etiqueta &lt;head&gt;&lt;\/head&gt;) los &hellip; Leer m\u00e1s \u00abAbrir un modal bootstrap desde jQuery\u00bb","og_url":"https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/","og_site_name":"Una Soluci\u00f3n","article_published_time":"2021-01-06T21:25:05+00:00","article_modified_time":"2022-07-08T17:29:22+00:00","og_image":[{"width":680,"height":393,"url":"https:\/\/unasolucion.com.mx\/blog\/wp-content\/uploads\/2022\/07\/modal-boostrap.jpeg","type":"image\/jpeg"}],"author":"UNA solucion","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"UNA solucion","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/#article","isPartOf":{"@id":"https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/"},"author":{"name":"UNA solucion","@id":"https:\/\/unasolucion.com.mx\/blog\/#\/schema\/person\/55091ad7205c2681ccdbc50bf607dcbb"},"headline":"Abrir un modal bootstrap desde jQuery","datePublished":"2021-01-06T21:25:05+00:00","dateModified":"2022-07-08T17:29:22+00:00","mainEntityOfPage":{"@id":"https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/"},"wordCount":196,"commentCount":3,"publisher":{"@id":"https:\/\/unasolucion.com.mx\/blog\/#organization"},"image":{"@id":"https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/unasolucion.com.mx\/blog\/wp-content\/uploads\/2022\/07\/modal-boostrap.jpeg","keywords":["boostrap","jquery","modal"],"articleSection":["Tutoriales"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/","url":"https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/","name":"Abrir un modal bootstrap desde jQuery - Una Soluci\u00f3n","isPartOf":{"@id":"https:\/\/unasolucion.com.mx\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/#primaryimage"},"image":{"@id":"https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/unasolucion.com.mx\/blog\/wp-content\/uploads\/2022\/07\/modal-boostrap.jpeg","datePublished":"2021-01-06T21:25:05+00:00","dateModified":"2022-07-08T17:29:22+00:00","breadcrumb":{"@id":"https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/#primaryimage","url":"https:\/\/unasolucion.com.mx\/blog\/wp-content\/uploads\/2022\/07\/modal-boostrap.jpeg","contentUrl":"https:\/\/unasolucion.com.mx\/blog\/wp-content\/uploads\/2022\/07\/modal-boostrap.jpeg","width":680,"height":393,"caption":"modal-boostrap"},{"@type":"BreadcrumbList","@id":"https:\/\/unasolucion.com.mx\/blog\/2021\/01\/06\/abrir-un-modal-bootstrap-desde-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/unasolucion.com.mx\/blog\/"},{"@type":"ListItem","position":2,"name":"Abrir un modal bootstrap desde jQuery"}]},{"@type":"WebSite","@id":"https:\/\/unasolucion.com.mx\/blog\/#website","url":"https:\/\/unasolucion.com.mx\/blog\/","name":"Una Soluci\u00f3n","description":"Soluciones en Tecnolog\u00eda","publisher":{"@id":"https:\/\/unasolucion.com.mx\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/unasolucion.com.mx\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/unasolucion.com.mx\/blog\/#organization","name":"Una Soluci\u00f3n","url":"https:\/\/unasolucion.com.mx\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/unasolucion.com.mx\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/unasolucion.com.mx\/blog\/wp-content\/uploads\/2023\/02\/cropped-1S-Principal-logo-1.png","contentUrl":"https:\/\/unasolucion.com.mx\/blog\/wp-content\/uploads\/2023\/02\/cropped-1S-Principal-logo-1.png","width":500,"height":108,"caption":"Una Soluci\u00f3n"},"image":{"@id":"https:\/\/unasolucion.com.mx\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/unasolucion.com.mx\/blog\/#\/schema\/person\/55091ad7205c2681ccdbc50bf607dcbb","name":"UNA solucion","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/c45e847ad5c965744fa577cb97ae8729bcf6e004c520b5dc7898d60e905041f3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c45e847ad5c965744fa577cb97ae8729bcf6e004c520b5dc7898d60e905041f3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c45e847ad5c965744fa577cb97ae8729bcf6e004c520b5dc7898d60e905041f3?s=96&d=mm&r=g","caption":"UNA solucion"},"url":"https:\/\/unasolucion.com.mx\/blog\/author\/osvaldo\/"}]}},"_links":{"self":[{"href":"https:\/\/unasolucion.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unasolucion.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unasolucion.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unasolucion.com.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unasolucion.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=7613"}],"version-history":[{"count":13,"href":"https:\/\/unasolucion.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7613\/revisions"}],"predecessor-version":[{"id":8550,"href":"https:\/\/unasolucion.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7613\/revisions\/8550"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/unasolucion.com.mx\/blog\/wp-json\/wp\/v2\/media\/8549"}],"wp:attachment":[{"href":"https:\/\/unasolucion.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=7613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unasolucion.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=7613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unasolucion.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=7613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}