2014-12-27 3 views
-1

Как добавить скрипт jquery в mi view в yii 2.0? Я искал, и я нашел эту командуJquery scripts 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

+0

вопрос не имеет смысла .... –

+0

jQuery - это JS, поэтому его правильный синтаксис. Если он не работает, убедитесь, что загружен jQuery-файл и что JS выполняется после загрузки jQuery. –

ответ

3

вы можете использовать это ....

обновление или включать код JQuery в 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', 
    ]; 
} 

так, я надеюсь, что это анс поможет вам ......... :)