android并没有等待.show（）完成

Question

我是新的堆栈溢出，并对show方法如何在android上运行有疑问。

我希望当用户点击按钮时，灰色面板将覆盖在Web界面上。然后，它会发送一个帖子请求。

我的代码按照我在PC上的预期工作。 但它并不适用于Android浏览器（firefox）。

有人可以告诉我哪里错了吗？ 如果您需要更多信息以了解解决方案，请告知我们。

提前谢谢。

＆＃13;

＆＃13;

$(function() {
	$('<div id=gray_panel class=gray_panel></div>').css({
		"background": "#999",
		"opacity": "0.5",
		"width": "100%",
		"height": 99999,
		"position": "fixed",
		"top": "0",
		"left": "0",
		"display": "none",
		"z-index": "150"
	}).appendTo($("body"));
});

function testBtn() {
  $( "#gray_panel" ).show();
  document.frm.submit();
}

＆＃13;

<form action="" name="frm">
<button type="button" onclick="testBtn();">
	<img src="btn.png" alt="次へ">
</button>
</form>

＆＃13;

＆＃13;

＆＃13;

Answer 1

等待show()完成，然后提交表单：

function testBtn() {
  $( "#gray_panel" ).show("slow",function(){
      document.frm.submit();
  });
}

Answer 2

我找到了解决方案。 问题是...

"opacity": "0.5",

删除后，一切正常运行。