我有以下在开发中工作但在生产中不起作用的崩溃元素。(这是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。虽然它没有显示被屏蔽广告的数量,但当我暂停它时,它起作用了。