gpt4 book ai didi

javascript - jquery toggle 在 chrome 中不起作用,但在 IE 和 firefox 中起作用

转载 作者:行者123 更新时间:2023-11-29 18:33:16 25 4
gpt4 key购买 nike

大家好我有一个页面,我在其中显示跨度中的文本,并且该跨度控件在单击按钮时切换,基本上我为此使用 jquery。它在 IE 和 firefox 上工作正常,但在 chrome 上,当我单击关闭按钮(在跨度内切换它)时,它在我第一次单击它时不起作用,但在第一次单击后起作用。

请指教,代码如下

<!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 runat="server">
<title></title>
<script type="text/javascript" src="Assets/JS/jquery.js"></script>
<script language="javascript">
$.showmsg = function (msgEle, msgText, autoHide, isSuccess) {
var tblMsg;
var imgType;
if (isSuccess) {
imgType = "<img src='Assets/Images/icon_status_success_26x26.gif'/>"
} else {
imgType = "<img src='Assets/Images/icon_status_fail_26x26.gif'/>"
}

tblMsg = '<div id="container" style="width: 400px;"><b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b><div class="contain"><table width="100%" cellpadding="0" cellspacing="0" border="0" class=""><tr><td style="width:30px;" align="center" valign="middle">' + imgType + '</td><td>' + msgText + '</td><td style="width:30px;" align="center" valign="middle"><a href="javascript:void(0);" onclick="$(\'#' + msgEle + '\').toggle(50);"><img src="Assets/Images/hide-icon.gif" border="0" alt="Hide" title="Hide"/></a></td></tr></table></div><b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b></div>';
$("#" + msgEle).html(tblMsg);
$("#" + msgEle).show();
if (autoHide) {
setTimeout(function () { $('#' + msgEle).fadeOut('normal') }, 10000);
}
}


function Delete1() {
$.showmsg('spnMessage', "Deleted", false, true);
}

</script>
<style type="text/css">
.rtop, .rbottom
{
display: block;
}
.rtop *, .rbottom *
{
display: block;
height: 1px;
overflow: hidden;
}
.r1
{
margin: 0 5px;
background: yellow;
}
.r2
{
margin: 0 3px;
background: yellow;
}
.r3
{
margin: 0 2px;
background: yellow;
}
.r4
{
margin: 0 1px;
height: 2px;
background: yellow;
}
.contain
{
background: yellow;
text-align: left;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<br />
<br />
<br />
<table>
<tr>
<td>
<asp:Button ID="btnDelete" runat="server" Text="Delete" OnClientClick="Delete1(); return false;" />
</td>
<td>
<span id="spnMessage" style="display: none;"></span>
</td>
</tr>
</table>
</form>
</body>
</html>

最佳答案

关于javascript - jquery toggle 在 chrome 中不起作用,但在 IE 和 firefox 中起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5632877/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com