在 Yii2 应用程序中使用 Pjax 小部件。如何使用布局中的链接更新内容?

Using Pjax widget in Yii2 app. How to update content using links in the layout?

我的布局:

Some HTML
All links here won't be working.
...
    <?= $content ?>
...
All links here won't be working.
Some HTML

在我使用的每个操作的每个视图中 Pjax:

<?php
/* @var $this yii\web\View */
use yii\widgets\Pjax;
?>
<?php Pjax::begin(); ?>
All links here will be working.
<?php Pjax::end(); ?>

当我在我的视图中单击链接 - 一切正常 k,内容正在刷新而无需重新加载页面。

但是,当我单击 Pjax 小部件 外部的链接时,如何使用这些可能性?例如在我的布局中?

<ul class="dropdown-menu">
    <li><a href="<?= Url::to('/app/settings/person') ?>" class="js-pjax">Profile details</a></li>
    <li><a href="<?= Url::to('/app/settings/password') ?>" class="js-pjax">Change password</a></li>
</ul>

$(document).on('click', '.js-pjax', function(e){
    e.preventDefault();
    var $this = $(this);
    var href = $this.attr('href');
    var pjax_id = "w0";
    $.pjax.reload({container:'#' + pjax_id, url:href});
    return false;
})