Yii2 - 小部件的CSS不起作用

时间:2016-12-13 08:17:55

标签: file-upload yii2 jquery-file-upload yii-extensions

我正在使用Yii2的https://github.com/2amigos/yii2-file-upload-widget小部件。 我在Backend(高级模板)中使用了这个小部件并且它正在工作。它的js和css会自动添加到html中。 但是当我在Frontend中使用它时,只有js被添加到html中,而不是css。 奇怪的是。

use dosamigos\fileupload\FileUploadUI;

<?= FileUploadUI::widget([
    'model' => $mdlproductimage,
    'attribute' => 'image',
    'url' => ['product/image-upload', 'id' => $mdlproductimage->primgid],
    'gallery' => false,
    'fieldOptions' => [
            'accept' => 'image/*'
    ],
    'clientOptions' => [
            'maxFileSize' => 2000000
    ],
    // ...
    'clientEvents' => [
            'fileuploaddone' => 'function(e, data) {
                                    console.log(e);
                                    console.log(data);
                                }',
            'fileuploadfail' => 'function(e, data) {
                                    console.log(e);
                                    console.log(data);
                                }',
    ],
]);
?>

我知道这不是Frontend / Backend的问题。它可能是任何改变的选项,我不知道它。

编辑1:HTML代码

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Homepage</title>
<meta name="description" content="Homepage">
<script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

<link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="./css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="./css/bootstrap.offcanvas.min.css" />
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<link rel="stylesheet" type="text/css" href="./css/normalize.css" />
<link rel="stylesheet" type="text/css" href="./css/off_canvas_nav.css" />
<link rel="stylesheet" type="text/css" href="./css/offCanvas.css" />
<link rel="stylesheet" type="text/css" href="./css/custom.css" />
<!--[if lt IE 9]>
    <script src="./js/html5shiv.js"></script>
    <script src="./js/respond.min.js"></script>
    <![endif]-->
</head>

任何人都可以提供帮助吗?

1 个答案:

答案 0 :(得分:2)

你错过了

<?php $this->head() ?>
布局<head>部分中的

。注册为放置在HTML头部的资产无法呈现。