JQuery установил заголовок браузера на размытие, чтобы он работал по ширине - PullRequest
Новая
       7

JQuery установил заголовок браузера на размытие, чтобы он работал по ширине

0 голосов
/ 29 августа 2018

Добрый день,

С помощью фрагмента кода, найденного в stackoverflow, мне удалось собрать воедино мою собственную версию сценария изменения заголовка размытия.

Единственная проблема, с которой я сталкиваюсь, - это когда я загружаю страницу, и я нигде не нажимаю на самой странице {следовательно, я не 'фокусируюсь'}, скрипт не работает.

Я добавил фрагмент кода, где продублировал метод фокусировки и изменил его на загрузочный. 

$(function () {
    var message = '( ! ) :+Do not forget your reservation+:';
    var original = $('title').text();

    $(window).load(function () {
        console.log('window focussed');
        if (original) {
            document.title = original;
        }
    }).focus(function () {
        console.log('window focussed');
        if (original) {
            document.title = original;
        }
    }).blur(function () {
        console.log('window blurred');
        var title = $('title').text();
        if (title != message) {
            original = title;
        }
        document.title = message;
    });
    console.log('current title : ' + original);
});

Однако это не решает мою проблему полностью. На данный момент мне нужно нажать на другую вкладку, вернуться и снова нажать на другую вкладку. Так что это довольно бессмысленно.

Чего мне не хватает, чтобы этот скрипт работал с самого начала?

решение Большое спасибо: @ Брайан

Добавление трейлинга focus(); добилось цели. ( И не тот от Форда .. который великолепен, но не работает здесь )

1 Ответ

0 голосов
/ 29 августа 2018

Добавьте вызов .focus() в конец цепочки, чтобы вызвать событие focus при загрузке: 

$(function () {
    var message = '( ! ) :+Do not forget your reservation+:';
    var original = $('title').text();

    $(window).load(function () {
        console.log('window focussed');
        if (original) {
            document.title = original;
        }
    })
    .focus(function () {
        console.log('window focussed');
        if (original) {
            document.title = original;
        }
    })
    .blur(function () {
        console.log('window blurred');
        var title = $('title').text();
        if (title != message) {
            original = title;
        }
        document.title = message;
    })
    .focus(); // add this line
    console.log('current title : ' + original);
});
...