Проблема с выделением кнопки iPad Safari

Question

Проблема с выделением кнопки iPad Safari

0

У меня есть Div, который при нажатии меня хотел бы изменить цвет, а затем ссылку изменить страницу. Мне удалось настроить автоматическое изменение страницы с помощью setTimeout(). В настоящее время я использую css для выделения кнопки с активным состоянием.

При использовании этого, хотя подсветка является темпераментной и не дает желаемого результата. Мне также пришлось использовать ontouchstart = "", чтобы заставить это работать в настоящее время.

Может ли кто-нибудь предложить лучший способ сделать цвет изменения div при нажатии на определенное количество времени, а затем сменить страницу?

Заранее спасибо!

Обновить:

Код, который я использую, соответствует следующему:

<style type="text/css">
#button_RH_Pg1{
background-color:#FF0000;
padding:10px;
text-align:center;
font-weight:bold;
color:#FFFFFF;
font-family:arial;
cursor:hand;
}   
#button_RH_Pg1:active{
background-color:#000000;
}   
 </style>
 <script>
 function page2load(){
document.getElementById('page1dis').style.display="none";
document.getElementById('page2dis').style.display="block";
}
</script>
<div id="page1dis">
<div id="button_RH_Pg1" onclick="page2load()">This is a button</div>
</div>

KM123 20 дек. 2013, в 11:21

Источник

1

Мы не можем помочь, не увидев код ...
BenM 20 дек. 2013, в 09:28
0

Только что обновлено с примером кода
KM123 20 дек. 2013, в 09:50
0

Из любопытства, почему вы не используете стандартную ссылку <a> для ссылки?
yochannah 20 дек. 2013, в 10:38
0

Это одностраничное приложение для планшетов. Таким образом, вместо 20 страниц, это одна страница с множеством скрытых div, которые показывают один раз
KM123 20 дек. 2013, в 10:46

Показать ещё 2 комментария

Теги:

javascript

jquery

html

css

html5

1 ответ

Ещё вопросы

Мы не можем помочь, не увидев код ...
Только что обновлено с примером кода
Из любопытства, почему вы не используете стандартную ссылку <a> для ссылки?
Это одностраничное приложение для планшетов. Таким образом, вместо 20 страниц, это одна страница с множеством скрытых div, которые показывают один раз

matpop · Accepted Answer · 2013-12-20T10-52-00.000Z

<style type="text/css">
div.button_RH {
  background-color: #FF0000;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
  font-family: arial;
  cursor: hand;
}
</style>
<script>
var delay = 500;
function pageload(button, targetpage) {
  button.style.backgroundColor = "#000000";
  setTimeout(function() {
    button.parentNode.style.display = "none";
    document.getElementById(targetpage).style.display = "block";
    button.style.backgroundColor = "#FF0000";
  }, delay);
}
</script>
<div id="page1dis">
  <div class="button_RH" onclick="pageload(this, 'page2dis')">
    This is a button
  </div>
</div>