Кнопка HTML работает нормально на компьютере, но не на мобильных телефонах и планшетах

75
6

Ниже код работает отлично на компьютере, но когда я использую мобильный (хром), есть проблема. Problem-: Когда я нажимаю кнопку "Игнорировать" (кнопка с названием = "Игнорировать"), она работает нормально. Но когда я нажимаю на блокировку или когда я нажимаю кнопку "Ответ" (Button), они даже не могут быть доступны для мобильных устройств. Даже хотя код отлично работает на компьютере, возникает проблема при нажатии на мобильное устройство. Вот код Razor Snippet-

<div class="display-cont col-md-8">
<div class="pull-right">
@using (Html.BeginForm("Ignore","abc",FormMethod.Post))
{

<input type="hidden" value="@Model.QuestionID" name ="QuestionID"/>
<button type="submit" title="Ignore" class="btn btn-default btn-sm">
<span class="glyphicon glyphicon-remove"></span>
</button>
}
</div>
<h2>@Model.QuestionText</h2>
@foreach(var Tag in Model.TagTables)
{
<div id="parallelogram">
@Tag.TagName
</div>
}
@using (Html.BeginForm("Answer","abc",FormMethod.Post))
{
<br />

<br />
<input type="text" id="QuestionTxt" name="AnswerTxt" class="input-lg form-control" placeholder="Answer Here!" />
<input type="hidden" id="PrivacyMode" name="PrivacyMode" value="1" />
<input type="hidden" id="filename" name="filename" />

<br />
<br />
<div class="pull-left">

<span class="glyphicon glyphicon-ok" id="unlock"> Locked</span>    
<button type="button" class="btn btn-success lock" id="lockit" ><span class="fa fa-lock"></span> Lock</button>
<button type="button" class="btn btn-default lock" id="unlockit"><span class="fa fa-unlock"></span> Unlock</button>

</div>
<div class="pull-right">
<input type="hidden" name="filename" id="filename" />

<div class="btn-group">
<button type="submit" class="btn btn-default" >Answer</button>

</div>

</div>
<input type="hidden" value="@Model.QuestionID" name ="QuestionID"/>
}

</div>

И Javascript.

<script type="text/javascript">
$(document).ready(function () {

$("#unlockit").hide();
$("#unlock").hide();
});
</script>

<script>
$(".lock").click(function () {
var mode = document.getElementById("PrivacyMode");
var currentmode = document.getElementById("PrivacyMode").value;
if (currentmode == 1) {
mode.value = 3;
$("#lockit").hide();
$("#unlockit").show();
$("#unlock").show();

}
else {
mode.value = 1;
$("#unlockit").hide();
$("#unlock").hide();
$("#lockit").show();
}

});
</script>

спросил(а) 2014-05-11T22:32:00+04:00 6 лет, 11 месяцев назад
0
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема