javascript - 在 yii2 布局文件中插入 javascript

Question

我想将 javascript 插入 this导航栏上的链接，这是我在布局文件中的代码。

$userItems = [];

            if (Yii::$app->user->isGuest) {
                 $userItems[] = [
                    'label' => 'How It Works?',
                    'items' => [
                        ['label' => 'Video', 'url' => ['/site/howto']], //I want to insert javascript here
                        ['label' => 'Slide', 'url' => ['/site/index']],
                    ],
                ];
                $userItems[] = [
                    'label' => 'Support',
                    'items' => [
                        ['label' => 'FAQ', 'url' => ['/site/index']],
                        ['label' => 'Live Chat', 'url' => ['/site/index']],
                    ],
                ];
                $userItems[] = [
                    'label' => 'App Store', 'url' => ['/site/index']
                ];
            } else {
                $userItems = MenuHelper::getAssignedMenu(Yii::$app->user->id);
            }
            echo Nav::widget([
                'options' => ['class' => 'navbar-nav navbar-left'],
                'items' => $userItems,
            ]);

我应该把代码放在哪里？我找不到将其放入/site/howto 链接的位置

Answer 1

试试这个:

$userItems[] = [
                    'label' => 'How It Works?',
                    'items' => [
                        ['label' => 'Video',
                          'options' => [
                            'onclick' => 'Myfunction();', // give javascript function name
                            ], 
                         'url' => ['/site/howto']], 
                        ['label' => 'Slide', 'url' => ['/site/index']],
                    ],
                ];

根据需要在 javascript 中实现函数

第二种方式:

$userItems[] = [
                    'label' => 'How It Works?',
                    'items' => [
                        ['label' => 'Video',
                          'options' => [
                            'class' => 'test', // give class name here
                            ], 
                         'url' => ['/site/howto']], 
                        ['label' => 'Slide', 'url' => ['/site/index']],
                    ],
                ];

在 JavaScript 中:

$('.test').on('click', function(event){
    // your code
});