addClass不工作,试图添加一个类取决于URL

问题描述:

这是我第一次提交查询,所以很抱歉,如果格式不正确。请将它与我联系.. :)addClass不工作,试图添加一个类取决于URL

发送邮件后,我从URL中检索单词“submitfunc”并添加类以删除表单。 邮件发送成功,甚至显示警报消息,所以控制流入'if条件'中,但类没有被添加。

<!--STYLES--> 
<style> 
    .mailSent 
    { 
    display:none; 
    } 
</style> 

<!--HTML FORM--> 
<div id="ContactForm" class="content col-lg-5"> 
    <form action="?action=submitfunc" method="post" id="sky-form" class="sky-form"> 
     <!--The regular Form--> 
    </form> 
</div> 

<--JAVA SCRIPT--> 
<script> 
    $(document).ready(function(){ 
     var first = getUrlVars()["action"]; 
    }); 

    if (first == 'submitfunc') 
    { 
     alert("This alert messgae is being displayed!!"); 
     $('#ContactForm').addClass('mailSent'); 
    } 

    function getUrlVars() 
    { 
    var vars = {}; 
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) { 
    vars[key] = value; 
    }); 
    return vars; 
    } 
</script> 

<!--PHP TO SEND MAIL--> 
<?php 
    function submitfunc() 
    { } 
?> 

帮我出这个家伙.. :)

在此先感谢

+1

把它放在'$(document).ready'函数中... – dandavis

+0

试着像这样运行它:'setTimeout(函数(){$('#ContactForm')。addClass('mailSent')},3000);'如果它的工作让我知道... – 7urkm3n

+0

试图在$(document).ready .Isn'帮助。即使添加了setTimeout,该类也不会在3秒后添加。页面是一样的。 – theLearner

有一个问题的答案的家伙,离开在今后如果有人回复强制面临simalar问题 -

<script> 
function getUrlVars() 
{ 
    var vars = {}; 
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) { 
     vars[key] = value; 
    }); 
    return vars; 
} 

var first = getUrlVars()["action"]; 

if (first == 'submitfunc') 
{ 
    $('#ContactForm').addClass('mailSent'); 
} 
</script> 

我所要做的就是在函数被使用之前放置函数的定义。 感谢所有的帮助@dandavis和@ 7urkm3n ..Cheers .. :)