2013-03-06 65 views
0

我的警报消息有问题。我想在执行特定操作后将警报消息用作警告。我面临的问题是消息显示,然后自行关闭,而无需用户关闭消息。Twitter无需按关闭按钮即可关闭Bootstrap警报消息

<div class="row-fluid"> 
<div class="alert span10 offset1" style="display: none" id="changeStatusMsg"> 
    <a class="close" onclick="$('.alert').hide()" href="#">×</a> 
     <strong>Status has been changed.</strong> 
</div> 

我使用jQuery来显示消息 - $( '#changeStatusMsg')显示()。 我使用了提到的解决方案here 但它对我的情况没有帮助。

function changeStatus(status, widgetExternalId){ 
    $.ajax({ 
     url : 'Controller', 
     data : { 'widget' : widgetExternalId, 
       'method' : (status == 'I' ? "activate" : "inactivate") 
       }, 
     success : function(data) { 
       window.location = "myaccount.jsp"; 
       $('#changeStatusMsg').show(); 
      } 
     } 
    }); 
} 
+0

不要使用用户的风格,那是你的问题。使用样式表样式。用户样式覆盖所有内容。 只需调用它来显示它的JavaScript,然后让onclick处理程序使其消失。用户风格是问题。 – EdH 2013-03-06 18:42:17

+0

胡? http://jsfiddle.net/cQNF​​L/1/ – dfsq 2013-03-06 18:43:04

+0

你是如何展示它的?我敢打赌,它必须做到这一点,你没有取消这一行动。 – epascarello 2013-03-06 18:44:11

回答

0

这可能是因为你没有调用打开它的动作。所以这个页面让人耳目一新。

如果你在线做:

onclick="$('#changeStatusMsg').show();return false;" 

如果有点击事件

$(".foobar").on("click",function (event) { 
    event.preventDefault(); 
    $("#changeStatusMsg').show(); 
}); 
+0

我正在执行操作后调用show()方法。我做一个阿贾克斯呼叫改变状态。成功后,我想显示消息。 – Hozefa 2013-03-06 19:02:57

+0

在你的问题中显示。 – epascarello 2013-03-06 19:05:30

+0

哦。我遇到了问题。犯这样一个愚蠢的错误。我从另一个页面移植代码,不需要使用window.location。 – Hozefa 2013-03-06 19:14:36