Css 不适用于插件上的 fancybox答案

【问题标题】：Css not applying in fancybox on a pluginCss 不适用于插件上的 fancybox
【发布时间】：2012-07-03 07:35:42
【问题描述】：

我正在使用 yii tokeninput 插件 Yii tokeninput 进行自动完成。如果我在页面上使用它，它的 css 正在应用，但如果我在fancybox 中使用它，则 css 不适用。

控制器代码

echo $this->renderPartial('profile/_user_message',array('model'=>$saveMessage),false,true);Yii::app()->end();

查看代码

<?php 
       $prePopulate = null;
       $processPrePopulate = false;
       if($prePopulate)
               $processPrePopulate = true;

       $this->widget('ext.tokeninput.TokenInput', array(
       'model' => $model,
       'attribute' => 'TARGET_USER_IDS',
               'url'=>$this->createUrl('user/search'),
       'options' => array(
           'allowCreation' => false,
           'preventDuplicates' => true,
          // 'resultsFormatter' => 'js:function(item){ return “<li><p>” + item.name + “</p></li>” }',
           'theme' => 'facebook',
                       'prePopulate' => $prePopulate,
                       'processPrePopulate' => $processPrePopulate,
       )
   )); ?>

【问题讨论】：

花式盒子并没有什么特别之处。没有fancybox，它会显示css 效果吗？并且请我们猜不到您为 css 应用程序所做的代码实现
请分享一些代码，没有fancybox的css可以工作吗？你如何在fancybox中显示？渲染部分？
分享您拥有的代码，以便我们了解问题出在哪里。您必须在视图文件而不是控制器中应用 css
45 分钟内获得 4 票？
正如@JFK 所暗示的，这很可能是一个非 PHP 问题。听起来我们需要查看 CSS 和渲染的 HTML 来查看 CSS 文件的来源顺序以及类和 id 的分配方式

标签： jquery yii fancybox

【解决方案1】：

Toleninput 扩展自动在任何页面中包含 css 文件，但它不包含在 fancybox 中的 css 文件我不知道它背后的原因，所以我在其父页面中包含该 css 文件它解决了我的问题。

$assetUrl =Yii::app()->getAssetManager()->publish(Yii::getPathOfAlias('ext.tokeninput.assets'));
Yii::app()->clientScript->registerCssFile($assetUrl.'/css/token-input-facebook.css');

【讨论】：