Bootstrap Collapse元素在开发中工作,但在Yii的生产中不起作用



我有以下在开发中工作但在生产中不起作用的崩溃元素。(这是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 = [
    'yiiwebYiiAsset',
    'yiibootstrapBootstrapAsset',
    'yiibootstrapBootstrapPluginAsset'

这里是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说它需要过渡插件:

http://getbootstrap.com/javascript/崩溃

但是它说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">

你永远不会相信这一点,但是<div>有一个巨大的CSS定义,display:none#newAd的选择器。这个定义的来源是一个神秘的空<style type="text/css"></style>。这是因为AdBlock。虽然它没有显示被屏蔽广告的数量,但当我暂停它时,它起作用了。

相关内容

最新更新