在javascript中隐藏另一个“div”后自动显示“div”
在javascript中隐藏另一个“div”后自动显示“div”
提问于 2018-06-10 18:28:47
我有一个user question form，当我使用ajax提交表单并保存到数据库时，将显示一条成功的消息，几秒钟后该消息将消失，user question form将自动再次显示。
我已经能够消失成功的消息，但不能再次自动显示user question form。
下面是我的html标记：
<div class="so-widget-sow-editor so-widget-sow-editor-base question-modal">
<div class="siteorigin-widget-tinymce textwidget">
<h3>Ask Question</h3>
<form>
<div class="form-group">
<input type="text" id="question_form_name" class="form-control" id="exampleInputPassword1" placeholder="Your name">
<div id="question_form_name_error_message" class="val_error"></div>
</div>
<div class="form-group">
<textarea class="form-control" id="question_form_text_area" rows="3" placeholder="Ask your question" style="height:10em;"></textarea>
<div id="question_form_text_area_error_message" class="val_error"></div>
</div>
<button type="button" class="btn btn-primary" id="question_form_button">Submit</button>
</form>
</div>
</div>以下是我的Javascript代码：
$.ajax({
url:"{{ url('/ask_question_form') }}",
type: 'GET',
data: {_token :token, name : name, email : email, contact : contact, question : question},
success:function(msg){
// console.log(msg);
$('.question-modal .textwidget').hide();
trHTML = "";
trHTML += "<div id='user-question' style='margin-top:50%; color:#0071BC'>";
trHTML += "Thanks for your question. We will save your question for further query and give a feedback as soon as possible.";
trHTML += "</div>";
$('.question-modal').append(trHTML);
setTimeout(function() {
$('#user-question').hide();
}, 10000);
$('.question-modal .textwidget').css('display','block');//----this part is not working
}
});回答 2
Stack Overflow用户
回答已采纳
发布于 2018-06-10 18:33:01
将show the代码放入setTimeout()中
更改以下代码
setTimeout(function() {
$('#user-question').hide();
}, 10000);
$('.question-modal .textwidget').css('display','block');至
setTimeout(function() {
$('#user-question').hide();
$('.question-modal .textwidget').show();
}, 10000);Stack Overflow用户
发布于 2018-06-10 18:32:05
保持这一行
$('.question-modal .textwidget').css('display','block');入站超时
setTimeout(function() {
$('#user-question').hide();
$('.question-modal .textwidget').css('display','block');//----this part is not working
}, 10000);$.ajax({
url:"{{ url('/ask_question_form') }}",
type: 'GET',
data: {_token :token, name : name, email : email, contact : contact, question : question},
success:function(msg){
// console.log(msg);
$('.question-modal .textwidget').hide();
trHTML = "";
trHTML += "<div id='user-question' style='margin-top:50%; color:#0071BC'>";
trHTML += "Thanks for your question. We will save your question for further query and give a feedback as soon as possible.";
trHTML += "</div>";
$('.question-modal').append(trHTML);
setTimeout(function() {
$('#user-question').hide();
$('.question-modal .textwidget').css('display','block');//----this part is not working
}, 10000);
}
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50782768
复制相关文章
相似问题