需要JQuery和Ajax帮助
问题描述:
目前正在开发一个使用Ajax显示通知消息的Web应用程序。但我不知道为什么通知消息对话框上的关闭按钮在任何IE浏览器中都不工作(使用9.0和7.0进行测试),但它在Firefox中工作正常。而且,如果我在我的html代码中硬编码了jquery代码它使用IE浏览器正常工作。需要JQuery和Ajax帮助
我在想,当从Ajax发送的消息以某种方式影响JavaScript,但我无法弄清楚原因。
任何人都可以帮我吗? 非常感谢!
这里是我的jQuery通知框消息代码
<div class="notification information png_bg">
<a href="#" class="close">
<img src="resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
<div> You have New Lead Notification </div>
</div>
这里是我的html代码来触发Ajax notfication消息
<label for ="msg">notice</label>
<input type="text" name ="msg" id ="msg" />
<a href ="#" id="getNotice"> get notice!</a>
<script type = "text/javascript">
$(function()
{
$("#getNotice").click(function()
{
$.post("/async/getnotification" , {},
function(response)
{
var notice = $(response);
$("#notices").prepend(notice);
});
return false;
});
});
</script>
<div id ="notices">
</div>
这里是JavaScript代码来触发关闭功能关闭按钮
$(".close").click(
function() {// Links with the class "close" will close parent
$(this).parent().fadeTo(400, 0, function() {
$(this).slideUp(400);
});
return false;
}
);
答
我终于想通了问题是关系到因此JavaScript的DOM我不得不更换现场
更多资讯请访问link
解决方案
$(".close").live('click',
function() {
$(this).parent().fadeTo(400, 0, function() {
$(this).slideUp(400);
});
return false;
}
);
我刚刚粘贴你的DIV的代码,并为您的“关闭”功能到一个新的页面与JQuery,在FF4和IE9中尝试它,它在两个工作正常。你能链接你的版本,不工作? – Codecraft 2011-03-30 09:53:14
如果你在IE9有问题,那么我认为我需要一个链接到实际的代码,probaly不是其中一个醇'IE错误... – 2011-03-30 10:29:40
非常感谢您的好意:D。 – user648198 2011-03-30 14:21:50