2017-07-19 5 views
0

Ich bin neu in Laravel und versuche zum ersten Mal eine "modulare" Seite zu erstellen. Alles lief gut, meine Grundlayouts, die auf meiner Homepage erweitert wurden, haben einige Sektionen/Ergiebigkeiten ohne Probleme (Inhalt, Titel, etc.) erstellt, aber eine bestimmte @yield wird immer an der falschen Stelle gerendert stecke es in meine Kopf-Datei (head.blade.php), die bereits einen anderen @yield für den Titel haben, aber dass man immer innerhalb des Körpers gerendert wird. Ich habe versucht, einige Tests zu machen, und entdeckte, dass, wenn ich meinen Titel @yield innerhalb <title></title> innerhalb des OK setze, aber wenn ich es außerhalb des Etiketts setzte, wird es zum Körper bewegt. Das ist eine normale Laravel Arbeitsweise (@yield kann nicht von alleine sein, nur innerhalb eines Tags) oder etwas ist falsch?@Yield an falscher Stelle platziert

default.blade.php

<!doctype html> 
<html> 
    <head> 
     @include('includes.head') 
    </head> 
    <body> 
     <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header mdl-layout--no-desktop-drawer-button"> 
      @include('includes.nav') 
      @yield('tools') 
      <main class="mdl-layout__content"> 
       <div class="page-content"> 
        @yield('content') 
       </div> 
      </main> 
      @include('includes.footer') 
     </div> 
    </body> 
</html> 

head.blade.php

<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
<meta http-equiv="cache-control" content="no-cache"> 
<meta name="description" content="XXXXXX"> 
<meta name="author" content="XXXXXXXXXXXXX"> 
<title>@yield('title')</title> =====> Works normally if put here 
@yield('title') =====> Rendered inside the body if put that way 
<!-- jQuery 3.2.1 --> 
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> 
<!-- Normalize CSS --> 
<link rel="stylesheet" type="text/css" href="css/normalize.css"> 
<!-- Dialog Polyfill --> 
<link rel="stylesheet" type="text/css" href="css/dialog-polyfill.css"> 
<!-- Bootstrap 3.3.7 --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

Antwort

1

Es ist ein normaler Browser Verhalten. Zuallererst müssen Sie alle Dinge an den richtigen Stellen platzieren. Es ist wie Sie versuchen, etwas fettes Fleisch ohne Gabel zu essen und dann weinen, dass Ihre Hände in Fett :) Sie müssen immer alle Tags definieren, die Browser erwarten. Das Titel-Tag definiert, dass sich der Titel der Seite befindet. yield('title') bedeutet nur den Namen, den du ihm dort zum Einfügen gegeben hast. Es sieht wie id in HTML aus. Da Sie nicht beschrieben haben Browser was möchten Sie hier einfügen es versucht, das Problem zu lösen, und es ist in der Regel eine Platzierung alle Dinge ohne benötigte Tags im Körper (nur wenn wir über das Auslassen von Tags in der Kopfzeile sprechen).

+0

Sieht aus wie ich dumm war. Wenn das @yield ein gültiges HTML-Tag enthält, wird es an der richtigen Stelle platziert. –

+1

@IsraelPinheiro yield ist nur ein Befehl, um den gewünschten Text in Klammern zu setzen. Es kann auch HTML enthalten, also wird es Ihre '' aus der Zeichenfolge, die Sie zuvor eingegeben haben. Es ist jedoch immer noch notwendig, das Titel-Tag zu setzen – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/8144405/">Sergey</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4319274062" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">Verwandte Themen</div> <ul class="relative_list"> <li> 1. <a href="http://de.voidcc.com/question/p-qxsjryql-ep.html" target="_blank" title="Chrome-Entwicklertools platziert Haltepunkt an falscher Stelle"> Chrome-Entwicklertools platziert Haltepunkt an falscher Stelle </a> </li> <li> 2. <a href="http://de.voidcc.com/question/p-qknrbcbw-cp.html" target="_blank" title="animierte Lasten an falscher Stelle"> animierte Lasten an falscher Stelle </a> </li> <li> 3. <a href="http://de.voidcc.com/question/p-cozglysi-eg.html" target="_blank" title="Listview Artikel wurden an falscher Stelle hinzugefügt"> Listview Artikel wurden an falscher Stelle hinzugefügt </a> </li> <li> 4. <a href="http://de.voidcc.com/question/p-ogbjziet-hx.html" target="_blank" title="Warum Slider an falscher Stelle starten?"> Warum Slider an falscher Stelle starten? </a> </li> <li> 5. <a href="http://de.voidcc.com/question/p-hbagthal-bc.html" target="_blank" title="Bündler installieren Edelsteine ​​an falscher Stelle"> Bündler installieren Edelsteine ​​an falscher Stelle </a> </li> <li> 6. <a href="http://de.voidcc.com/question/p-wxybaqkc-cx.html" target="_blank" title="SSMS 2008 R2 Umranden an falscher Stelle"> SSMS 2008 R2 Umranden an falscher Stelle </a> </li> <li> 7. <a href="http://de.voidcc.com/question/p-rxcywpqn-cx.html" target="_blank" title="Cursor springt an falscher Stelle auf Editor-Ansicht"> Cursor springt an falscher Stelle auf Editor-Ansicht </a> </li> <li> 8. <a href="http://de.voidcc.com/question/p-eooixxrh-hw.html" target="_blank" title="Atmelstudio UC3C AVR32 - Framework-Objekte an falscher Stelle im Speicher?"> Atmelstudio UC3C AVR32 - Framework-Objekte an falscher Stelle im Speicher? </a> </li> <li> 9. <a href="http://de.voidcc.com/question/p-wxmgffca-kd.html" target="_blank" title="gestapeltes Balkendiagramm hat Leerraum dazwischen, y0 beginnt an falscher Stelle?"> gestapeltes Balkendiagramm hat Leerraum dazwischen, y0 beginnt an falscher Stelle? </a> </li> <li> 10. <a href="http://de.voidcc.com/question/p-owneporf-dt.html" target="_blank" title="ggplot2 geom_area plottet unerwartet (endet an falscher Stelle)"> ggplot2 geom_area plottet unerwartet (endet an falscher Stelle) </a> </li> <li> 11. <a href="http://de.voidcc.com/question/p-oduyybcp-db.html" target="_blank" title="Bootstrap Datepicker erscheint an falscher Stelle in einem Modal"> Bootstrap Datepicker erscheint an falscher Stelle in einem Modal </a> </li> <li> 12. <a href="http://de.voidcc.com/question/p-chjuzmyf-do.html" target="_blank" title="an falscher Stelle anlegt Verzeichnis nach Electron Verpackung"> an falscher Stelle anlegt Verzeichnis nach Electron Verpackung </a> </li> <li> 13. <a href="http://de.voidcc.com/question/p-nsklarai-et.html" target="_blank" title="HTML-Datei versucht, HTML-Datei an falscher Stelle zu finden"> HTML-Datei versucht, HTML-Datei an falscher Stelle zu finden </a> </li> <li> 14. <a href="http://de.voidcc.com/question/p-excxcmjo-dc.html" target="_blank" title="POS-Drucker Cutter Schneiden auf falscher Stelle"> POS-Drucker Cutter Schneiden auf falscher Stelle </a> </li> <li> 15. <a href="http://de.voidcc.com/question/p-sykghvbc-dr.html" target="_blank" title="Python: yield- und Yield-Zuweisung"> Python: yield- und Yield-Zuweisung </a> </li> <li> 16. <a href="http://de.voidcc.com/question/p-xmpeukqn-ha.html" target="_blank" title="XSL/XML: Elemente werden in falscher Reihenfolge platziert"> XSL/XML: Elemente werden in falscher Reihenfolge platziert </a> </li> <li> 17. <a href="http://de.voidcc.com/question/p-hkpndzcu-ec.html" target="_blank" title="Warum werden die Rechtecke, die ich auf dieser Leinwand erstelle, nicht an der richtigen Stelle platziert?"> Warum werden die Rechtecke, die ich auf dieser Leinwand erstelle, nicht an der richtigen Stelle platziert? </a> </li> <li> 18. <a href="http://de.voidcc.com/question/p-vytyrcsd-dq.html" target="_blank" title="Symfony: Wie platziert man ein bestimmtes Element mit der Option query_builder an erster Stelle?"> Symfony: Wie platziert man ein bestimmtes Element mit der Option query_builder an erster Stelle? </a> </li> <li> 19. <a href="http://de.voidcc.com/question/p-gzrwfmak-z.html" target="_blank" title="Verstecke/Zeige Spalte einer Tabelle mit thead und tbody, thead an falscher Stelle gezeigt"> Verstecke/Zeige Spalte einer Tabelle mit thead und tbody, thead an falscher Stelle gezeigt </a> </li> <li> 20. <a href="http://de.voidcc.com/question/p-bmvjtems-et.html" target="_blank" title="Google-Tag-Manager fügt Tag an falscher Stelle in Angular URL"> Google-Tag-Manager fügt Tag an falscher Stelle in Angular URL </a> </li> <li> 21. <a href="http://de.voidcc.com/question/p-zjadovqh-dv.html" target="_blank" title="C++ Debugger stoppt in falscher Stelle auf Absturz, VS10 win7"> C++ Debugger stoppt in falscher Stelle auf Absturz, VS10 win7 </a> </li> <li> 22. <a href="http://de.voidcc.com/question/p-tdrpnodb-ed.html" target="_blank" title="Autodesk Inventor platziert Teil an benutzerdefinierter Position"> Autodesk Inventor platziert Teil an benutzerdefinierter Position </a> </li> <li> 23. <a href="http://de.voidcc.com/question/p-prmgmyzb-ed.html" target="_blank" title="Transaktionsanzahl nach EXECUTE gibt eine nicht übereinstimmende Anzahl von BEGIN- und COMMIT-Anweisungen an. Commit an falscher Stelle?"> Transaktionsanzahl nach EXECUTE gibt eine nicht übereinstimmende Anzahl von BEGIN- und COMMIT-Anweisungen an. Commit an falscher Stelle? </a> </li> <li> 24. <a href="http://de.voidcc.com/question/p-utvyjqob-eo.html" target="_blank" title=", die an anderer Stelle schließt"> , die an anderer Stelle schließt </a> </li> <li> 25. <a href="http://de.voidcc.com/question/p-rpwxgeoc-de.html" target="_blank" title="Filtervektor an Ort und Stelle"> Filtervektor an Ort und Stelle </a> </li> <li> 26. <a href="http://de.voidcc.com/question/p-gdmycjbi-dn.html" target="_blank" title="Python - Yield unsachgemäß Verwendung"> Python - Yield unsachgemäß Verwendung </a> </li> <li> 27. <a href="http://de.voidcc.com/question/p-tgmokala-gh.html" target="_blank" title="Inspect-Element zeigt alle Elemente an falscher Position"> Inspect-Element zeigt alle Elemente an falscher Position </a> </li> <li> 28. <a href="http://de.voidcc.com/question/p-vedvezln-gu.html" target="_blank" title="iOS Swift3 TextView Zeile an falscher Position"> iOS Swift3 TextView Zeile an falscher Position </a> </li> <li> 29. <a href="http://de.voidcc.com/question/p-rzxqejyh-db.html" target="_blank" title="Picasso zeigt in falscher Ausrichtung an"> Picasso zeigt in falscher Ausrichtung an </a> </li> <li> 30. <a href="http://de.voidcc.com/question/p-tndkwojc-bw.html" target="_blank" title="Events vs. Yield"> Events vs. Yield </a> </li> </ul> </div> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3534119089"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img2.voidcc.com/voidso/script/side.js?t=1652515422091"></script> <script type="text/javascript" src="http://img2.voidcc.com/voidso/plugin/highlight/highlight.pack.js"></script> <link href="http://img2.voidcc.com/voidso/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- VOIDCC问答侧边栏广告 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3862022848" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Letzte Frage </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://de.voidcc.com/question/p-zypvibum-nq.html" target="_blank" title="Assign IDs Elemente Viz.js TD in der SVG-Elemente erscheinen"> Assign IDs Elemente Viz.js TD in der SVG-Elemente erscheinen </a> </li> <li class="side_article_list_item"> 2. <a href="http://de.voidcc.com/question/p-dpdjychr-nq.html" target="_blank" title="Mxgraph getPrettyXml nicht erhalten benutzerdefinierten Element Wert"> Mxgraph getPrettyXml nicht erhalten benutzerdefinierten Element Wert </a> </li> <li class="side_article_list_item"> 3. <a href="http://de.voidcc.com/question/p-nnhfegam-ns.html" target="_blank" title="XSL ein Attribut mit der Position des umschließenden Elements Aktualisierung"> XSL ein Attribut mit der Position des umschließenden Elements Aktualisierung </a> </li> <li class="side_article_list_item"> 4. <a href="http://de.voidcc.com/question/p-zbmwammt-nn.html" target="_blank" title="Wie kommt man zum letzten Datensatz in den Ergebnissen von ado.locate (Delphi)"> Wie kommt man zum letzten Datensatz in den Ergebnissen von ado.locate (Delphi) </a> </li> <li class="side_article_list_item"> 5. <a href="http://de.voidcc.com/question/p-vuvfeaov-nn.html" target="_blank" title="Daten aufteilen, um Zug- und Testsätze zu erstellen - for loop - Variable in Teilmenge nach Zeile einfügen"> Daten aufteilen, um Zug- und Testsätze zu erstellen - for loop - Variable in Teilmenge nach Zeile einfügen </a> </li> <li class="side_article_list_item"> 6. <a href="http://de.voidcc.com/question/p-mbaexgeh-no.html" target="_blank" title="Javascript, wie JSON Daten mit API Anruf an umgeleitete URL"> Javascript, wie JSON Daten mit API Anruf an umgeleitete URL </a> </li> <li class="side_article_list_item"> 7. <a href="http://de.voidcc.com/question/p-whufvzhv-no.html" target="_blank" title="Add Custom Regularisierung Tensorflow"> Add Custom Regularisierung Tensorflow </a> </li> <li class="side_article_list_item"> 8. <a href="http://de.voidcc.com/question/p-xjwvrdzf-nm.html" target="_blank" title="django Test - wie Antwortdaten für die zukünftige Verwendung erhalten"> django Test - wie Antwortdaten für die zukünftige Verwendung erhalten </a> </li> <li class="side_article_list_item"> 9. <a href="http://de.voidcc.com/question/p-gusbuuhg-nk.html" target="_blank" title="Apache Tomcat-Server auf Nginx hält das Herunterladen .jsp Dateien"> Apache Tomcat-Server auf Nginx hält das Herunterladen .jsp Dateien </a> </li> <li class="side_article_list_item"> 10. <a href="http://de.voidcc.com/question/p-ocqbdmzy-nk.html" target="_blank" title="Perl: Abrufen von Hash-Werten in der Reihenfolge, in der sie erstellt wurden"> Perl: Abrufen von Hash-Werten in der Reihenfolge, in der sie erstellt wurden </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> Verwandte Themen</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://de.voidcc.com/question/p-qxsjryql-ep.html" target="_blank" title="Chrome-Entwicklertools platziert Haltepunkt an falscher Stelle"> Chrome-Entwicklertools platziert Haltepunkt an falscher Stelle </a> </li> <li class="side_article_list_item"> 2. <a href="http://de.voidcc.com/question/p-qknrbcbw-cp.html" target="_blank" title="animierte Lasten an falscher Stelle"> animierte Lasten an falscher Stelle </a> </li> <li class="side_article_list_item"> 3. <a href="http://de.voidcc.com/question/p-cozglysi-eg.html" target="_blank" title="Listview Artikel wurden an falscher Stelle hinzugefügt"> Listview Artikel wurden an falscher Stelle hinzugefügt </a> </li> <li class="side_article_list_item"> 4. <a href="http://de.voidcc.com/question/p-ogbjziet-hx.html" target="_blank" title="Warum Slider an falscher Stelle starten?"> Warum Slider an falscher Stelle starten? </a> </li> <li class="side_article_list_item"> 5. <a href="http://de.voidcc.com/question/p-hbagthal-bc.html" target="_blank" title="Bündler installieren Edelsteine ​​an falscher Stelle"> Bündler installieren Edelsteine ​​an falscher Stelle </a> </li> <li class="side_article_list_item"> 6. <a href="http://de.voidcc.com/question/p-wxybaqkc-cx.html" target="_blank" title="SSMS 2008 R2 Umranden an falscher Stelle"> SSMS 2008 R2 Umranden an falscher Stelle </a> </li> <li class="side_article_list_item"> 7. <a href="http://de.voidcc.com/question/p-rxcywpqn-cx.html" target="_blank" title="Cursor springt an falscher Stelle auf Editor-Ansicht"> Cursor springt an falscher Stelle auf Editor-Ansicht </a> </li> <li class="side_article_list_item"> 8. <a href="http://de.voidcc.com/question/p-eooixxrh-hw.html" target="_blank" title="Atmelstudio UC3C AVR32 - Framework-Objekte an falscher Stelle im Speicher?"> Atmelstudio UC3C AVR32 - Framework-Objekte an falscher Stelle im Speicher? </a> </li> <li class="side_article_list_item"> 9. <a href="http://de.voidcc.com/question/p-wxmgffca-kd.html" target="_blank" title="gestapeltes Balkendiagramm hat Leerraum dazwischen, y0 beginnt an falscher Stelle?"> gestapeltes Balkendiagramm hat Leerraum dazwischen, y0 beginnt an falscher Stelle? </a> </li> <li class="side_article_list_item"> 10. <a href="http://de.voidcc.com/question/p-owneporf-dt.html" target="_blank" title="ggplot2 geom_area plottet unerwartet (endet an falscher Stelle)"> ggplot2 geom_area plottet unerwartet (endet an falscher Stelle) </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div><!-- wrap end--> <!-- footer --> <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://de.voidcc.com/contact">Sprechen Sie uns an</a></li> <li>© 2020 DE.VOIDCC.COM</li> <li><a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">沪ICP备13005482号-13</a></li> <li><script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1280098168&web_id=1280098168"></script></li> <li><a href="http://cn.voidcc.com/" target="_blank" title="程序问答园区">简体中文</a></li> <li><a href="http://hk.voidcc.com/" target="_blank" title="程序問答園區">繁體中文</a></li> <li><a href="http://ru.voidcc.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.voidcc.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.voidcc.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.voidcc.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.voidcc.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.voidcc.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.voidcc.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.voidcc.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.voidcc.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.voidcc.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.voidcc.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer> <!-- / footer --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-77509369-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-77509369-5'); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?67d4731349f0b00136755b80364ce381"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>