Jquery scripts yii2

Question

How can I add a jquery script in mi view in yii 2.0 ? I was searching and i found this command

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

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

and the output is this, a 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>

the problem is I need to use it as a JQuery Script like this

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

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

But I don't know how to print a JQuery Script, somebody knows?

The 2 are pretty much equivalent. What seems to be the problem? — MasterAM
– MasterAM, Commented Dec 27, 2014 at 16:49
jQuery is JS, so its the correct syntax. If its not working, make sure the jQuery-file is loaded and that the JS is executed after the jQuery-load. — Jørgen
– Jørgen, Commented Dec 28, 2014 at 12:41

GAMITG · Accepted Answer · 2015-01-01 11:43:18Z

3

you may use this....

update or include jquery code in app\assets\AppAsset.php file

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',
    ];
}

so, i hope this ans help you.........:)

answered Jan 1, 2015 at 11:43

GAMITG

3,8187 gold badges35 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jquery scripts yii2

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related