Question

我有以下折叠元素，它在开发中有效，但不在生产中。（这是HAML。）

  %button.btn.btn-success{'data-toggle' => "collapse", 'data-target' => "#newAd"} Create Ad
  .collapse#newAd
    -echo $view->render('_ad_form.haml', ['model'=>$model, 'action'=>'create-ad'])

以下是assets/AppAssets.php

public $depends = [
    'yii\web\YiiAsset',
    'yii\bootstrap\BootstrapAsset',
    'yii\bootstrap\BootstrapPluginAsset'

以下是config/assets-prod.php

* This file is generated by the "yii asset" command.
* DO NOT MODIFY THIS FILE DIRECTLY.
...
 'yii\\bootstrap\\BootstrapPluginAsset' => [
    'sourcePath' => null,
    'js' => [],
    'css' => [],
    'depends' => [
        'yii\\web\\JqueryAsset',
        'yii\\bootstrap\\BootstrapAsset',
        'all',

以下是生产中的HTML源代码：

<script src="/assets/all-23d7e97aa4f8e635f58d3948e6d74143.js?v=1437530120"></script>

这是开发中的HTML源代码（在许多其他JS文件中）：

<script src="/project/web/assets/33398a2a/js/bootstrap.js?v=1433622294"></script>

Collapse说它需要Transitions插件：

http://getbootstrap.com/javascript/#collapse

但是它说bootstrap.js已经包含了它。

单击按钮时，HTML的属性会发生变化，但表单不会出现。之前：

<button class="btn btn-success collapsed" data-toggle="collapse" data-target="#newAd" aria-expanded="false">Create Ad</button>
<div class="collapse" id="newAd" aria-expanded="false" style="height: 0px;">

后：

<button class="btn btn-success" data-toggle="collapse" data-target="#newAd" aria-expanded="true">Create Ad</button>
<div class="collapse in" id="newAd" aria-expanded="true">

Answer 1

你永远不会相信这一点，但<div>有一个巨大的CSS定义display:none和一个#newAd的选择器。这个定义的来源是一个神秘的<style type="text/css"></style>，它是空的。这是因为AdBlock。虽然它没有显示阻止广告的数字，但当我暂停时，它确实有效。

Bootstrap Collapse元素在开发中工作但不为Yii生成

1 个答案: