Wie kann ich eine Bootstrap-JS-Datei und CSS-Datei verlinkt auf CakePHP 3x

Question

im Versuch, eine Bootstrap js Datei und css Datei zu CakePHP 3x

<?= $this->Html->css('bootstrap') ?> 
<?= $this->Html->css('bootstrap-theme') ?> 

ich diesen Code zu src verwenden verlinken /Template/Layout/default.ctp und die CSS-Datei funktionieren, aber wenn ich versuche, die js mit dem gleichen Ansatz zu verknüpfen

<?= $this->Html->script('jquery') ?> 
<?= $this->Html->script('bootstrap') ?> 

das Problem ist die Js nicht funktioniert, vielen Dank für Ihre bzw. onse

Answer 1

Sie können js wie diese gehören

<?= $this->Html->script('https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js') ?> 

Oder wenn Ihre js-Datei in Ihrem Projekt vorhanden sind dann in webroot/js Ordner sein muss, dann können Sie Datei wie diese

<?= $this->Html->script('custom.js') ?> 

umfassen

Answer 2

Platzieren Sie alle CSS-Dateien in webroot/css Ordner und js-Datei in webroot/js

und greifen Sie auf die Dateien in Ansichtsdateien

<?= $this->Html->css('owl.carousel');?> 
<?php echo $this->Html->script('jquery.plugin') ?> 

, wenn Sie alle Assets in einem anderen Ordner wie CSS platzieren möchten, js, pugin etc Erstellen Sie einen Ordner Vermögen oder irgendetwas anderes, das Sie wollen und legen Sie alle Ordner in seiner Struktur verwenden wie diese

webroot/assets/css/ webroot/assets/js/

Sie die Dateien wie dies im Hinblick auf Dateien zugreifen können

<?= $this->Html->css('/assets/css/owl.carousel');?> 
<?php echo $this->Html->script('/assets/js/jquery.plugin') ?> 

erinnere mich an den Schrägstrich fore assets

Answer 3

Sie können verwenden: - $ this-> Url-> build ('/'); // Dies bezieht sich auf Webroot Ordner. Danach Ihr Ordnerpfad und js oder css Dateiname.

Beispiel: -

<a href="<?php echo $this->Url->build('/'); ?>js/your_js_file.js"></a> 
<a href="<?php echo $this->Url->build('/'); ?>css/your_css_file.css"></a>