Question

我试图将 bootstrap js 文件和 css 文件链接到 Cakephp 3x

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

我将此代码用于src / Template / Layout / default.ctp并且css文件正在工作但是当我尝试使用相同的方法链接js时

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

问题是Js无法正常工作，谢谢你的回复

Answer 1

你可以包含这样的js

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

或者如果您的js文件存在于您的项目中，那么它必须位于 webroot / js 文件夹中，那么您可以包含这样的文件

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

Answer 2

将所有css文件放在webroot / css文件夹中，将js文件放在webroot / js中

并在视图文件中访问这样的文件

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

如果您想将所有资源放在其他文件夹中，例如css，js，pugin等，请创建文件夹资源或其他任何您想要的内容并将所有文件夹放在其中使用这样的结构

根目录/资产/ CSS / 根目录/资产/ JS /

您可以在视图文件中访问此类文件

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

记住资产之前的斜杠

Answer 3

您可以使用： - $这 - ＆GT; URL-＆GT;建立（＆＃39; /＆＃39）; //这指的是 webroot 文件夹。之后你的文件夹路径和js或css文件名。

实施例： -

var promise = insertDataInMongo([body, token]);
var newBody = JSON.parse(body);

if (newBody.paging.facebookPost !== -1 || newBody.paging.youtube !== -1 || newBody.paging.twitter !== -1 || newBody.paging.facebook !== -1 || newBody.paging.reddit !== -1 || newBody.paging.youtubeComment !== -1 || newBody.paging.news !== -1)
    promise.then(getAthleteMedia([athlete, token, newBody.paging.facebook, newBody.paging.facebookPost, newBody.paging.reddit, newBody.paging.youtube, newBody.paging.youtubeComment, newBody.paging.twitter, newBody.paging.news]))

如何将bootstrap js文件和css文件链接到Cakephp 3x

3 个答案: