iOSデバイスでアクティブなリンクに問題があり、2回タップする必要があります。ASP.NET linkbuttonがiOSで2回クリックするのを避ける
これをJqueryなどで解決するにはどうすればよいですか？
P.S.これはツールチップのホバー上でのみ発生します。
<asp:LinkButton ID="linkButtonDetails" runat="server" CommandName="Details" />
<a id="ctl00_zzzz" href='javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00_zzzz", "", true, "", "", false, true))'>Update details</a>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a.TestingLink').live('click', function (e) {
var obj = $(this);
e.preventDefault();
//Optional $(obj).hide();
$(obj).attr('disabled', 'disabled');
$('#processing').show();
WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(obj.data('href')));
$(obj).removeAttr('disabled');
$('#processing').hide();
//Optional $(obj).show();
});
function WebForm_PostBackOptions(a, b, c, d, e, f, g) {
alert('WebForm_PostBackOptions');
return true;
};
function WebForm_DoPostBackWithOptions(a) {
alert('WebForm_DoPostBackWithOptions');
};
});
</script>
</head>
<body>
<span id="processing" style="font-size: 15px; font-weight: bolder; display: none;">Processing
. . . </span>
<br />
<a id="ctl00_zzzz" href="" class="TestingLink" data-href='"ctl00_zzzz", "", true, "", "", false, true'>
Update details1</a>
<br />
<a id="ctl00_zzza" href="" class="TestingLink" data-href='"ctl00_zzzz", "", true, "", "", false, true'>
Update details2</a>
</body>
</html>
enter code here
ライブデモのために、このリンクを参照してください。あなたがそのハイパーリンクを隠し、表示したい場合はhttp://jsfiddle.net/nanoquantumtech/ucWNh/ – Thulasiram
を、上記のコードでは、その2行のコメントを解除。 （//オプションの$（obj）.hide（）;）use（$（obj）.hide（）;）は、2番目のコメント行にもリンクします。 – Thulasiram
まだ、iOSで2回タップする必要がありますが、あなたのコードは次に2回タップします。私はそれがツールチップのjqueryだと思う。 – Renaldas