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

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
          });
        });
      }

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

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

Подписаться 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

+1 ещё

Простой
Как изучить Vue.js?
- 1 подписчик
- 4 часа назад
- 67 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Как подключить вконтакте на сайт чтобы слать юзеру в вк уведомления или сообщения?
- нет подписчиков
- 12 часов назад
- 93 просмотра
1

ответ
JavaScript

+1 ещё

Сложный
Fastify долгая загрузка что можно сделать как найти причину?
- 1 подписчик
- 18 часов назад
- 42 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- вчера
- 145 просмотров
2

ответа
JavaScript

Простой
Fetch дает ошибку?
- 1 подписчик
- вчера
- 99 просмотров
1

ответ
JavaScript

Простой
Обьясните про функцию массив?
- 3 подписчика
- 23 нояб.
- 695 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему JS не видит SVG-элементы по ID?
- 1 подписчик
- 22 нояб.
- 74 просмотра
1

ответ
JavaScript

Средний
Почему не срабатывает горячая клавиша в расширение?
- 1 подписчик
- 22 нояб.
- 43 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Почему react-hook-form не отображает ошибки zod в определенных моментах?
- 1 подписчик
- 22 нояб.
- 35 просмотров
0

ответов
JavaScript

Простой
Почему перестало работать меню?
- 1 подписчик
- 20 нояб.
- 151 просмотр
1

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Разработка бота рассылок в Telegram

25 нояб. 2024, в 10:16

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

Разработать бота-краулера для парса всех каналов в телеграм в бд MySQL

25 нояб. 2024, в 09:53

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

Изменить код STM32 и конфигурацию сервиса удаленного доступа

25 нояб. 2024, в 08:57

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

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 комментариев

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

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

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

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