Как сделать чтобы скрипт выполнялся при загрузке страницы а не по клику?

Question

Антон @boypush

Geek

JavaScript

Как сделать чтобы скрипт выполнялся при загрузке страницы а не по клику?

Подскажите как прописать чтобы выполнялось при загрузке страницы а не по клику.

var toastSuccess = $('.toast-success');
      if( toastSuccess.length ) {
        toastSuccess.click(function(){
          $.toast({
            heading: 'Welcome',
            text: 'This alert needs your attention.',
            position: 'top-right',
            icon: 'success',
            stack: false
          });
        });
      }

Вопрос задан более трёх лет назад
203 просмотра

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

17 комментариев

Антон @boypush Автор вопроса

Спасибо, но ошибка Uncaught ReferenceError: $ is not defined.
По клику срабатывает нормально

Написано более трёх лет назад
Антон Спирин @rockon404

Антон, по какому клику? Вы как код изменили?

Написано более трёх лет назад

Антон @boypush Автор вопроса

Антон Спирин, ну изначально по клику работало

var toastSuccess = $('.toast-success');
      if( toastSuccess.length ) {
        toastSuccess.click(function(){
          $.toast({
            heading: 'Welcome',
            text: 'This alert needs your attention.',
            position: 'top-right',
            icon: 'success',
            stack: false
          });
        });
      }

Написано более трёх лет назад

Антон @boypush Автор вопроса

Антон Спирин, Попробовал ваш вариант, почему-то не срабатывает при загрузке страницы(

Написано более трёх лет назад
Антон Спирин @rockon404

Антон, а сейчас как выглядит код и что не работает?

Написано более трёх лет назад

Антон @boypush Автор вопроса

Антон Спирин,

<script type="text/javascript">
  $(document).ready(function() {
  $.toast({
    heading: 'Welcome',
    text: 'This alert needs your attention.',
    position: 'top-right',
    icon: 'success',
    stack: false
  });
});
</script>

Написано более трёх лет назад

Антон Спирин @rockon404

Антон, ошибка
Uncaught ReferenceError: $ is not defined.
может говорить только о том, что вы отключили Jquery или новый код перед подключением написали.

Написано более трёх лет назад
Микола Деревло @mukoladerevlo

а точка там для чего $.toast({ , тост свойство?

Написано более трёх лет назад
Антон Спирин @rockon404

Микола Деревло, это функция. Какой-то плагин для JQuery.

Написано более трёх лет назад
Антон @boypush Автор вопроса

Микола Деревло, наверное)))

Написано более трёх лет назад
Микола Деревло @mukoladerevlo

аа, метод наверное, ну надо в нем копать, если плагин правильно подключен

Написано более трёх лет назад
Антон Спирин @rockon404

Антон, просто поместите новый код на место старого и все будет работать.
Микола Деревло, не верное умозаключение. Ошибка указывает на то, что не найдена функция $
as knowing as JQuery.

Написано более трёх лет назад
Антон @boypush Автор вопроса

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

Написано более трёх лет назад
Антон Спирин @rockon404

Антон, по какому событию вы хотите показывать это окно?

Написано более трёх лет назад
Антон @boypush Автор вопроса

Антон Спирин, При загрузке определенной страницы

Написано более трёх лет назад
Микола Деревло @mukoladerevlo

if(window.location.href.indexOf("pagename") > -1) {your code}

Написано более трёх лет назад

Антон Спирин @rockon404

Поместите в код той страницы, но обязательно после подключения JQuery.
Можно в самый низ body подключить:

<head>
</head>
<body>
  <script>
    $(document).ready(function() {
      $.toast({
        heading: 'Welcome',
        text: 'This alert needs your attention.',
        position: 'top-right',
        icon: 'success',
        stack: false
      });
    });
  </script>
</body>

Ну либо поместить в общий код и сравнивать window.location.pathname

$(document).ready(function() {
  if (window.location.pathname.indexOf('your-page-name') !== -1) {
    $.toast({
      heading: 'Welcome',
      text: 'This alert needs your attention.',
      position: 'top-right',
      icon: 'success',
      stack: false
    });
  }     
});

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+3 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- 12 часов назад
- 52 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как отобразить массив из элементов?
- 1 подписчик
- 12 часов назад
- 73 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Неизвестные скрипты на сайте (plupload и moxie). Для чего?
- 1 подписчик
- 17 часов назад
- 103 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- 17 часов назад
- 74 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Почему вылезает второй слайд?
- 1 подписчик
- 18 часов назад
- 37 просмотров
1

ответ
JavaScript

Простой
Почему в букмарклете должным образом не выполняется Alt + Click?
- 1 подписчик
- вчера
- 45 просмотров
1

ответ
JavaScript

Средний
Как создать кроссбраузерный функиональный плеер?
- 1 подписчик
- вчера
- 65 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Почему функция mnemonicToWalletKey из библиотеки тон генерирует неверный адрес кошелька?
- 1 подписчик
- вчера
- 48 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как передавать данные гугл таблицы в телеграм при добавлении новой записи?
- 1 подписчик
- вчера
- 58 просмотров
0

ответов
JavaScript

Простой
Проблема с добавлением полей товара в куки, почему-то при клике ничего в куки не записывает, что делать?
- 1 подписчик
- вчера
- 33 просмотра
2

ответа
Показать ещё Загружается…

JavaScript разработчик

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

JavaScript разработчик

Мэтч

от 80 000 ₽

Доработать телеграм бота

19 апр. 2024, в 03:52

1000 руб./за проект

Написать код на python

19 апр. 2024, в 03:01

1000 руб./за проект

Настройка сервера

18 апр. 2024, в 21:56

2000 руб./за проект

Answer 1 · 2018-06-10 02:10:02

Антон Спирин @rockon404

Frontend Developer

$(document).ready(function() {
  $.toast({
    heading: 'Welcome',
    text: 'This alert needs your attention.',
    position: 'top-right',
    icon: 'success',
    stack: false
  });
});

Ответ написан более трёх лет назад

17 комментариев

Как сделать чтобы скрипт выполнялся при загрузке страницы а не по клику?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт