Почему после отправки формы пропадают js элементы Yii2?

Question

[Владимир]

Доброго времени суток! Есть форма которая отправляется асинхронно с помощью pjax. После отправки не полностью работает js а если быть точнее то не работают точно два скрипта которые я заметил. Вот файл контролера:

public function actionIndex() {
	$model = new SimpleMails();
	if ( $model->load( Yii::$app->request->post() ) && $model->validate() ) {
		$model->save();
		if ( ! Yii::$app->request->isPjax ) {
			Yii::$app->session->setFlash( 'form_sended', '<h2 class="uppercase">Thank You!</h2><p>We will get back to you as soon as possible</p>' );

			return $this->redirect( [ 'index#thank-you' ] );
		} else {
		}
		Yii::$app->session->setFlash( 'form_sended', '<h2 class="uppercase">Thank You!</h2><p>We will get back to you as soon as possible</p>' );
		$model = new SimpleMails();
	}
	return $this->render( 'index', compact('model') );
}

Те скрипты отвечают за вывод ползунка (noUiSlider) и мой скрипт именно там не работает в итоге некоторая анимация.
Может нужна дополнительная информация то пишите в комментарии я предоставлю всё нужное.
Подскажите что это может быть? Заранее благодарен за ответы!

Answer 1

[Максим Тимофеев]

После обновления pjax-ом надо инициализировать заново скрипт, который Вам надо.

Comments

[Владимир]

Максим Тимофеев а подскажите пожалуйста как это можно сделать и почему такое происходить(почему скрипт нужно заново инициализировать)?

[Максим Тимофеев]

Владимир, Покажите как вы их подключаете, я про те 2 скрипта

[Владимир]

Максим Тимофеев, вот мой asset

class ArtAsset extends AssetBundle
{
	public $basePath = '@webroot';
	public $baseUrl = '@web';
	public $css = [
		'css/jquery.fullpage.css',
		'css/nouislider.min.css',
		'css/normalize.css',
		'css/style.css',
	];
	public $js = [
		'js/jquery.fullpage.min.js',
		'js/nouislider.min.js',
		'js/wNumb.js',
		'js/script.js',
	];
	public $depends = [
		'yii\web\JqueryAsset',
		'yii\web\YiiAsset',
	];
}

И в layout я его зарегистрировал.

[Максим Тимофеев]

Владимир, при чем тут layout, вы дайте код виджета или js который инициализирует их.

[Владимир]

Максим Тимофеев, как раз тот плагин который подключен через виджет он работает (dropzone), а то что пропало оно никак не инициализируется, просто загружается и работает.
Вот этот код прописан в script.js:

try {
    var slider = document.getElementById('nonlinear');

    noUiSlider.create(slider, {
        start: 2000,
        connect: [true, false],
        range: {
            'min': [500, 100],
            '11%': [1000, 100],
            '22%': [2000, 100],
            '33%': [4000, 100],
            '44%': [7000, 100],
            '55%': [10000, 100],
            '66%': [15000, 100],
            '77%': [20000, 100],
            '88%': [25000, 100],
            'max': [30000, 100]
        },
        pips: {
            mode: 'range',
            density: 20
        },
        format: wNumb({
            decimals: 0,
            thousand: ','
        })
    });
    slider.noUiSlider.on('update', function (values, handle) {
        if (values[0] === "30,000") {
            document.getElementById('approximately').innerHTML = values + '+';
        } else {
            document.getElementById('approximately').innerHTML = values;
        }
        document.body.querySelector('#budget').value = values;
    });
} catch (e) {}

Он отвечает за вывод ползунка (nouislider) вот после отправки этот ползунок пропадает.

[Максим Тимофеев]

ну так var slider = document.getElementById('nonlinear'); после того как ajax отработал уже нет того "nonlinear", уже есть другой, а значит надо заново сделать запуск скрипта