jquery切换不工作在chrome,但在IE和firefox工作
jquery toggle not working in chrome but working in IE and firefox
大家好我有一个页面,我在一个跨度显示文本和跨度控制切换按钮的点击,基本上我使用jquery这个。它在IE和firefox上工作得很好,但在chrome上,当我点击关闭按钮(在span中切换它)时,它不工作,我第一次点击它,但在第一次点击后工作。
请指教,代码在
下面<!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>
检查这个线程jQuery .toggle()不能在IE中使用TRs
我也有这个非常恼人的问题。我认为这与我们的HTML中的一个怪癖有关,因为同一页面上的其他地方工作得很好。
我能解决这个问题的唯一方法是:
if($(#'element_id').css('display') == 'none'){
$(#'element_id').show();
}else{
$(#'element_id').hide();
}
相关文章:
- JavaScript获胜't运行,但在jsFiddle中工作
- Javascript的某些部分在Chrome中不起作用,但在其他浏览器中可以完美工作
- appendChild在函数外部工作,但在函数内部不工作
- 为什么这个jQuery可以作为一个小提琴工作,但在我的网页上没有
- Var工作,但在使用数组执行相同操作时停止
- jQuery REST会话没有'不工作,但在POSTMan工作
- 我的时间倒计时脚本在谷歌浏览器中工作正常,但在其他浏览器中打开时它显示为南楠
- 引导程序's的javascript在本地工作,但在部署到服务器时不能工作
- javascript代码,用于删除firefox中的空白,但在IE和chrome中无法正常工作
- 无法从IE中的data.responseText获取结果,但在其他浏览器中工作
- 复杂选择器在jQuery 1.8中中断,但在1.7.2中工作
- 意思是.js - 登录后重定向用户 - 在本地工作,但在部署时不起作用
- 火狐中的多个问题,但在 chrome 中工作正常,没有一个问题
- jQuery选择器在脚本中不起作用,但在控制台中工作
- 在键上验证正在工作,但在按键时它不起作用
- blur() 无法以编程方式工作 |但在从用户启动时会这样做
- 在暂存服务器中工作但在生产中失败的无效 URL
- 使用angular-google-maps指令在“grunt服务”期间工作.但在默认的grunt任务期间不会
- 将子项链接到在Chrome中工作但在Internet Explorer中不工作的按钮
- Blob createObjectURL下载在Firefox中不工作(但在调试时工作)