@yield останавливает меня от сбора DOM

Question

Итак, у меня есть стандартный файл app.blade.php и файл home.blade.php, приложение имеет сборку @yield в функциональности Laravel, но проблема в том, что когда я пытаюсь выбрать и визуализировать прослушиватель событий, он не 'не работает, но когда я делаю это из приложения, оно работает.

Домой -

<p>First Paragraph</p>
<p>Second Paragraph</p>
<p>Yet one more Paragraph</p>

<script>
    $( "p" ).click(function() {
        $( this ).slideUp();
    });
</script>

это не работает

приложение -

 <main class="py-4">
        @yield('content')
    </main>
</div>

<p>First Paragraph</p>
<p>Second Paragraph</p>
<p>Yet one more Paragraph</p>
<script>
    $( "p" ).click(function() {
        console.log(123);
    });
</script>

Works! ...

Answer 1

Вы расширили мастер-шаблон для home.blade.php?

@yield('content')

В основном @yield помещается в мастер-шаблон, где размещаются все js и css.Можете ли вы отредактировать и поместить весь код app.blade и home.blade, чтобы мы могли его проверить.

Answer 2

Вы, вероятно, пытаетесь манипулировать узлом, когда DOM не готов.

Убедитесь, что вы обернули свой код вокруг

$( document ).ready(function(){})

Это скажет DOM выполнять только то, что находится внутри .ready(function(){}) всякий раз, когда DOM полностью загружен.