如何在Yii中禁用Ajax请求的jQuery自动加载?

时间:2012-09-16 08:34:16

标签: php jquery yii

我正在使用以下代码生成ajax请求:

echo CHtml::dropDownList('teamA', '', EnumController::getTeamOption(), array(
        'empty' => '(Team / Single)',
        'ajax' => array(
            'type'=>'POST',
            'url'=> $url,
            'update'=>"#resultA",
            //'data'=>"js:$('#teamA').hide().fadeIn()" 
        )
    )
);

在我的主要版面中,我有以下内容:

<?php Yii::app()->clientScript->scriptMap=array('jquery.js'=>false);?>
<?php Yii::app()->clientScript->scriptMap=array('jquery.min.js'=>false);?>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>

Yii正在从资产中加载jQuery副本,然后直接从Google加载另一个副本。我只想使用Google副本并强制Yii不从资源加载自己的副本。我怎么能这样做?

3 个答案:

答案 0 :(得分:17)

在Yii中,您不应该在主布局中对任何javascript信息进行硬编码。

Yii可以确定是否已包含客户端脚本(javascript),但对于核心脚本(如jquery或jqueryui),您必须在配置文件中修改这些包。

打开main.php配置文件,在CClientScript组件中添加所需的所有js包(您应该在components中添加),如下所示:

'clientScript'=>array(
  'packages'=>array(
    'jquery'=>array(
      'baseUrl'=>'//ajax.googleapis.com/ajax/libs/jquery/1.8/',
      'js'=>array('jquery.min.js'),
      'coreScriptPosition'=>CClientScript::POS_HEAD
    ),
    'jquery.ui'=>array(
      'baseUrl'=>'//ajax.googleapis.com/ajax/libs/jqueryui/1.8/',
      'js'=>array('jquery-ui.min.js'),
      'depends'=>array('jquery'),
      'coreScriptPosition'=>CClientScript::POS_BEGIN
    )
  ),
),

然后,每次需要jquery时,只需在代码之前添加:

$cs = Yii::app()->getClientScript();
$cs->registerCoreScript('jquery');

Yii将只包含一次jquery(或任何其他脚本),即使您在代码中多次调用它也是如此。

答案 1 :(得分:6)

按照Yii Special Topics Performance的说明,我做了一个快速测试,这很有效:

在主要布局的顶部:

<?php
$cs=Yii::app()->clientScript;
$cs->scriptMap=array(
    'jquery.js'=>false,
    'jquery.ui.js' => false,
);?>

在主要布局的<head>部分:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>

<?php echo CGoogleApi::init(); ?>

<?php echo CHtml::script(
    CGoogleApi::load('jquery','1.7.2') . "\n" .
    CGoogleApi::load('jqueryui','1.8.17') 
); ?>

我实际上会使用CGoogleApi助手,但是jsapi显然无法加载比我示例中更高的jquery版本!我想这在谷歌上的更新很慢,因为它在普通文件中也不起作用。

或者js文件仍然在你的缓存中?

答案 2 :(得分:2)

这将有效

 <?php     
       $cs=Yii::app()->clientScript;
       $cs->scriptMap=array(
         'jquery.js'=>false,
         'jquery.ui.js' => false,
); ?>