Я не уверен, почему «ОК» или «Отмена» ничего не делают, в любом случае я хочу, чтобы когда кто-то нажимал «ОК», перенаправлять его на ссылку.
<div class = "popup" onclick = "sweetalertclick()">
<p id = "center"><%= image_tag "pickup.png" ,width: "80px"%><br>
<span onclick = "sweetalertclick()"></span>Request a DDS pick u
</span>
</p>
</div>
<script>
function sweetalertclick() {
swal({
title: "Request a DDS",
text: "Please log in to DDS website to request a pick up, my code is: xxxx. By pressing ok you will link to google.com",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Ok",
cancelButtonText: "Cancel",
closeOnConfirm: false,
closeOnCancel: false,
},
function(isConfirm){
if (isConfirm) {
window.location.href = "google.com"
}
}
);
}
</script>
в файле гем
gem 'rails-assets-sweetalert2', source: 'https://rails-assets.org'
gem 'sweet-alert2-rails'
gem 'sweet-alert-confirm'
в приложении.js
//= require sweetalert2
//= require jquery
//= require jquery_ujs
//= require sweet-alert2-rails
//= require cocoon
//= require sweet-alert-confirm
//= require_tree .
в приложении.scss
*= require_self
*= require sweetalert2
*= require_tree .
*/
Вы должны использовать .then()
, а затем передать процедуру перенаправления внутри этого:
Пример:
function sweetalertclick() {
swal({
title: 'Request a DDS',
text: "Please log in to DDS website to request a pick up, my code is: xxxx. By pressing ok you will link to google.com",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Ok",
}).then((result) => {
console.info(result)
if (result) {
window.location.href = "google.com";
}
});
}
Можете ли вы воспроизвести свою ошибку в JSFiddle и показать?
sweetalert2.js:223 SweetAlert2: неизвестный параметр «closeOnConfirm» sweetalert2.js:223 SweetAlert2: неизвестный параметр «closeOnCancel» warn @ sweetalert2.js:223
Все еще такой же. Я обновил свой вопрос дополнительным кодом
Можете ли вы воссоздать проблему в JSFiddle, пожалуйста?
все еще такой же. не могу нажать ок или отменить :s
Теперь он работает после удаления этой ссылки <script src = "cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.33.1/…>, но цвет и ширина кнопки не работают
ссылка не отображается в героку. ты знаешь почему?
В хероку не кликабельно
Пожалуйста, проверьте, есть ли какие-либо проблемы в журналах или консолях браузера.
Опубликовать как новый вопрос. я постараюсь помочь
Я обновил свое приложение heroku. Как вы думаете, это причина?
Точно сказать не могу. Это может быть проблемой. :)
Даже кнопка отмены не реагирует
Я решаю это с помощью этого пакета exec rake assets:precompile Спасибо :)
Спасибо за ответ, но я не могу нажать "ОК" или "Отменить"