javascript — я пытаюсь автоматически щелкнуть кнопку сигнала при загрузке страницы .. Но не работает
Как я могу автоматически щелкнуть по кнопке «oneignal» при загрузке страницы? Я пытаюсь с javascript и jquery кодами, но это не работает.
Первые коды здесь, когда страница загружается ..
<div id="onesignal-bell-launcher" class="onesignal-bell-launcher onesignal-bell-launcher-md onesignal-bell-launcher-bottom-right onesignal-bell-launcher-theme-default onesignal-bell-launcher-active">
<div class="onesignal-bell-launcher-button">
<!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" class="onesignal-bell-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="99.7px" height="99.7px" viewBox="0 0 99.7 99.7" style="filter: drop-shadow(0 2px 4px rgba(34,36,38,0.35));; -webkit-filter: drop-shadow(0 2px 4px rgba(34,36,38,0.35));;" xml:space="preserve">
<g>
<circle class="background" cx="49.9" cy="49.9" r="49.9"></circle>
<g id="Layer_2">
<g>
<path class="foreground" d="M50.1,66.2H27.7c0,0-2-0.2-2-2.1c0-1.9,1.7-2,1.7-2s6.7-3.2,6.7-5.5c0-2.3-1.1-3.9-1.1-13.3
s6-16.6,13.2-16.6c0,0,1-2.4,3.9-2.4c2.8,0,3.8,2.4,3.8,2.4c7.2,0,13.2,7.2,13.2,16.6s-1,11-1,13.3c0,2.3,6.7,5.5,6.7,5.5
s1.7,0.1,1.7,2c0,1.8-2.1,2.1-2.1,2.1H50.1z"></path>
<path class="foreground" d="M42.9,68.5h14.5c0,0-1,6.3-7.2,6.3S42.9,68.5,42.9,68.5z"></path>
<ellipse class="stroke" cx="49.9" cy="49.9" rx="37.4" ry="36.9"></ellipse>
</g>
</g>
</g>
</svg>
<div class="pulse-ring"></div>
</div>
<div class="onesignal-bell-launcher-badge"></div>
<div class="onesignal-bell-launcher-message">
<div class="onesignal-bell-launcher-message-body">Lütfen bildirimlere izin veriniz..</div>
</div>
<div class="onesignal-bell-launcher-dialog" style="filter: drop-shadow(0px 2px 2px rgba(34,36,38,.15));; -webkit-filter: drop-shadow(0px 2px 2px rgba(34,36,38,.15));;">
<div class="onesignal-bell-launcher-dialog-body">
<h1>Site bildirimlerini yönet</h1>
<div class="divider"></div>
<div class="push-notification">
<div class="push-notification-icon push-notification-icon-default"></div>
<div class="push-notification-text-container">
<div class="push-notification-text push-notification-text-short"></div>
<div class="push-notification-text"></div>
<div class="push-notification-text push-notification-text-medium"></div>
<div class="push-notification-text"></div>
<div class="push-notification-text push-notification-text-medium"></div>
</div>
</div>
<div class="action-container">
<button type="button" class="action" id="subscribe-button">TAKİP ET</button>
</div>
<div class="divider"></div>
<div class="kickback">Powered by <a href="https://onesignal.com" class="kickback" target="_blank">OneSignal</a></div>
</div>
</div>
</div>
И вторая кнопка открыта, когда нажата Первая кнопка
<div class="action-container">
<button type="button" class="action" id="subscribe-button">TAKİP ET</button>
</div>
Решение
Сначала вам нужно зарегистрировать событие onclick, где функция обратного вызова имеет необходимый код для добавления элементов, а затем запустить событие click
$( document ).ready(function() {
$("#subscribe-button").on("click", function() {
$(this).parent().append("<div class="action-container"><button type="button" class="action" id="subscribe-button2">TAKİP ET</button></div>")
});
$("#subscribe-button").trigger('click');
});
Имейте в виду, здесь у вас должен быть другой идентификатор для второй кнопки, No 2 HTML может иметь такие же идентификаторы. Если вы попытаетесь получить элемент, он даст вам только первое из DOM
Другие решения
в этом случае вы можете использовать из jQuery. пожалуйста, добавьте новый файл js в ваш документ и поместите этот код в это:
$( document ).ready(function() {
$("#ID OF YOUR BUTTON").trigger('click');
});
Этот код запускается, когда загрузка HTML-файла завершена, и нажмите кнопку.
Браузеры имеют встроенный блокировщик всплывающих окон, который предотвращает открытие новых окон при загрузке страницы — пользователь должен сначала щелкнуть ссылку или кнопку.
Поскольку кнопка OneSignal открывает всплывающее окно, пользователь должен щелкнуть его самостоятельно, чтобы он работал.
Используя jQuery, вы можете автоматически нажимать на кнопку при загрузке страницы. Попробуй это:
$(document).ready(function() {
$("#subscribe-button").trigger('click');
});
К сожалению, не работает этот метод. Я полагаю, что oneSignal, возможно, принял меры. Мои веб-сайты http://mucizeguvelik.com.tr, Вы можете просмотреть, чтобы увидеть код кнопки сигнала.