插件中的fancybox不适用CSS。

Question

我正在使用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,
       )
   )); ?>

- Abhishek

---

Fancybox并没有做任何特殊的事情。如果没有使用Fancybox，它是否显示CSS效果？另外，请注意我们无法猜测您为CSS应用程序所编写的代码实现。 - Afnan Bashir

请分享一些没有使用fancybox的CSS和代码，如何在fancybox中显示？使用renderpartial吗？ - Afnan Bashir

请分享您所拥有的代码，以便我们可以看到问题出在哪里。您必须在视图文件中应用CSS，而不是控制器。 - Afnan Bashir

45分钟内获得4个赞？ - adamors

正如@JFK所暗示的那样，这很可能不是PHP问题。听起来我们需要查看CSS和渲染后的HTML，以查看CSS文件被引用的顺序以及类和ID分配的方式。 - ernie

Answer 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');

- Abhishek