{"id":662,"date":"2013-12-10T12:45:40","date_gmt":"2013-12-10T12:45:40","guid":{"rendered":"http:\/\/www.masterlevel.de\/blog\/?p=662"},"modified":"2013-12-10T13:05:06","modified_gmt":"2013-12-10T13:05:06","slug":"jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers","status":"publish","type":"post","link":"https:\/\/www.masterlevel.de\/blog\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\/","title":{"rendered":"jQuery: DIV-Layer schlie\u00dfen nach klick au\u00dferhalb des Layers"},"content":{"rendered":"<p>Wenn mal eine Div-Ebene v\u00f6llig sinnlos offen bleibt, meist durch ein jQuery &#8211; Plugin, welches nicht so arbeitet wie erwartet oder im Zusammenspiel mit anderen den Dienst versagt, hilft folgendes Snippet:<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n\r\n$(window).click(function(ev) {\r\n\r\nif($(ev.target).attr('id') != &quot;#myLayer&quot; ) {\r\n\r\n$(&quot;#myLayer&quot;).hide();\r\n\r\n }\r\n\r\n});\r\n\r\n<\/pre>\n<p>In diesem Fall wird der Div-Layer mit der ID\u00a0<em>#myLayer\u00a0<\/em>geschlossen, sobald man au\u00dferhalb klickt.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wenn mal eine Div-Ebene v\u00f6llig sinnlos offen bleibt, meist durch ein jQuery &#8211; Plugin, welches nicht so arbeitet wie erwartet oder im Zusammenspiel mit anderen den Dienst versagt, hilft folgendes Snippet: $(window).click(function(ev) { if($(ev.target).attr(&#8218;id&#8216;) != &quot;#myLayer&quot; ) { $(&quot;#myLayer&quot;).hide(); } }); In diesem Fall wird der Div-Layer mit der ID\u00a0#myLayer\u00a0geschlossen, sobald man au\u00dferhalb klickt.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[95,170,94],"tags":[200],"class_list":["post-662","post","type-post","status-publish","format-standard","hentry","category-javascript-2","category-jquery","category-snippets","tag-jquery"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>jQuery: DIV-Layer schlie\u00dfen nach klick au\u00dferhalb des Layers - masterlevel<\/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.masterlevel.de\/blog\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\/\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"J. Adler\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\\\/\"},\"author\":{\"name\":\"J. Adler\",\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/#\\\/schema\\\/person\\\/e6868eda89eb09db99b63d9d8dd4b63f\"},\"headline\":\"jQuery: DIV-Layer schlie\u00dfen nach klick au\u00dferhalb des Layers\",\"datePublished\":\"2013-12-10T12:45:40+00:00\",\"dateModified\":\"2013-12-10T13:05:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\\\/\"},\"wordCount\":76,\"commentCount\":1,\"keywords\":[\"jQuery\"],\"articleSection\":[\"Javascript\",\"jQuery\",\"Snippets\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\\\/\",\"url\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\\\/\",\"name\":\"jQuery: DIV-Layer schlie\u00dfen nach klick au\u00dferhalb des Layers - masterlevel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/#website\"},\"datePublished\":\"2013-12-10T12:45:40+00:00\",\"dateModified\":\"2013-12-10T13:05:06+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/#\\\/schema\\\/person\\\/e6868eda89eb09db99b63d9d8dd4b63f\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/\",\"name\":\"masterlevel\",\"description\":\"Manche Sachen vergi\u00dft man, weil man sie nicht oft braucht - deshalb stehen sie hier...\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/#\\\/schema\\\/person\\\/e6868eda89eb09db99b63d9d8dd4b63f\",\"name\":\"J. Adler\",\"url\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery: DIV-Layer schlie\u00dfen nach klick au\u00dferhalb des Layers - masterlevel","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.masterlevel.de\/blog\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\/","twitter_misc":{"Verfasst von":"J. Adler"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.masterlevel.de\/blog\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\/#article","isPartOf":{"@id":"https:\/\/www.masterlevel.de\/blog\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\/"},"author":{"name":"J. Adler","@id":"https:\/\/www.masterlevel.de\/blog\/#\/schema\/person\/e6868eda89eb09db99b63d9d8dd4b63f"},"headline":"jQuery: DIV-Layer schlie\u00dfen nach klick au\u00dferhalb des Layers","datePublished":"2013-12-10T12:45:40+00:00","dateModified":"2013-12-10T13:05:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.masterlevel.de\/blog\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\/"},"wordCount":76,"commentCount":1,"keywords":["jQuery"],"articleSection":["Javascript","jQuery","Snippets"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.masterlevel.de\/blog\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.masterlevel.de\/blog\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\/","url":"https:\/\/www.masterlevel.de\/blog\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\/","name":"jQuery: DIV-Layer schlie\u00dfen nach klick au\u00dferhalb des Layers - masterlevel","isPartOf":{"@id":"https:\/\/www.masterlevel.de\/blog\/#website"},"datePublished":"2013-12-10T12:45:40+00:00","dateModified":"2013-12-10T13:05:06+00:00","author":{"@id":"https:\/\/www.masterlevel.de\/blog\/#\/schema\/person\/e6868eda89eb09db99b63d9d8dd4b63f"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.masterlevel.de\/blog\/jquery-div-layer-schliesen-nach-klick-auserhalb-des-layers\/"]}]},{"@type":"WebSite","@id":"https:\/\/www.masterlevel.de\/blog\/#website","url":"https:\/\/www.masterlevel.de\/blog\/","name":"masterlevel","description":"Manche Sachen vergi\u00dft man, weil man sie nicht oft braucht - deshalb stehen sie hier...","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.masterlevel.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.masterlevel.de\/blog\/#\/schema\/person\/e6868eda89eb09db99b63d9d8dd4b63f","name":"J. Adler","url":"https:\/\/www.masterlevel.de\/blog\/author\/admin\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/posts\/662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/comments?post=662"}],"version-history":[{"count":2,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/posts\/662\/revisions"}],"predecessor-version":[{"id":673,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/posts\/662\/revisions\/673"}],"wp:attachment":[{"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/media?parent=662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/categories?post=662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/tags?post=662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}