2014-12-27 44 views
-1

如何在yii 2.0的mi视图中添加jquery脚本?我在寻找,我发现这个命令jquery脚本yii2

$this->registerJs('$(function() 
    { 
     $("#wizard").steps({ 
      headerTag: "h2", 
      bodyTag: "section", 
      transitionEffect: "slideLeft" 
     }); 

     $("#wizard-vertical").steps({ 
      headerTag: "h2", 
      bodyTag: "section", 
      transitionEffect: "slideLeft", 
      stepsOrientation: "vertical" 
     }); 
    });', 3); 

和输出是这样的,一个JavaScript

<script type="text/javascript">$(function() 
    { 
     $("#wizard").steps({ 
      headerTag: "h2", 
      bodyTag: "section", 
      transitionEffect: "slideLeft" 
     }); 

     $("#wizard-vertical").steps({ 
      headerTag: "h2", 
      bodyTag: "section", 
      transitionEffect: "slideLeft", 
      stepsOrientation: "vertical" 
     }); 
    });</script> 

的问题是我需要把它作为一个jQuery脚本这样

<script> 
     $(function() 
     { 
      $("#wizard").steps({ 
       headerTag: "h2", 
       bodyTag: "section", 
       transitionEffect: "slideLeft" 
      }); 

      $("#wizard-vertical").steps({ 
       headerTag: "h2", 
       bodyTag: "section", 
       transitionEffect: "slideLeft", 
       stepsOrientation: "vertical" 
      }); 
     }); 
    </script> 

但我不知道如何打印JQuery脚本,有人知道吗?

+2

2几乎相当。什么似乎是问题? – MasterAM 2014-12-27 16:49:16

+0

这个问题没有意义.... – 2014-12-28 11:42:23

+0

jQuery是JS,所以它的语法正确。如果它不工作,请确保jQuery文件已加载,并且在jQuery加载后执行JS。 – 2014-12-28 12:41:27

回答

3

你可以使用这个....

更新或包括app\assets\AppAsset.php文件

class AppAsset extends AssetBundle 
{ 
    public $basePath = '@webroot'; 
    public $baseUrl = '@web'; 
    public $css = [ 
     'css/site.css', 
    ]; 
    public $js = [ // add required js file.... 
    'js/jquery.min', 
    'js/jquery-scrollToTop', 

    ]; 
    public $jsOptions = [ 
    'position' => \yii\web\View::POS_HEAD // include js at <head> tag.... 
    ]; 
    public $depends = [ 
     'yii\web\YiiAsset', 
     'yii\bootstrap\BootstrapAsset', 
    ]; 
} 

这样的jQuery代码,我希望这个答案帮助你......... :)