在查询字符串上应用CSS-我的代码不起作用,但是为什么呢?

时间:2018-08-16 13:08:28

标签: javascript jquery html css

我在此页面上弹出消息“您的邀请已发送”:https://idio.ai/thank-you-webinar-testing-ground/?referralsent=true

仅当URL上带有此查询字符串时,我才希望显示此消息

  

?referralsent = true

在“ .message”类上,默认情况下为显示:无,如果存在查询字符串,则需要将其更改为 display:block 。< / p>

到目前为止,这是我的脚本,但是它不起作用,我不知道为什么。

function getParameterByName(referralsent, url) {
    if (!url) url = window.location.href;
    referralsent = referralsent.replace(/[\[\]]/g, '\\$&');
    var regex = new RegExp('[?&]' + referralsent + '(=([^&#]*)|&|#|$)'),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

if (getParameterByName('referralsent')) {
        var referralsent = getParameterByName('referralsent');
        // replace only if available
        jQuery('message').css('display', 'block');
    }

这是怎么了,为什么不显示?有什么想法吗?

1 个答案:

答案 0 :(得分:-1)

您在定义jquery对象时做错了。您说您有.message类,那么您应该使用jQuery('。message')而不是jQuery('message')

if (getParameterByName('referralsent')) {
    var referralsent = getParameterByName('referralsent');
    // replace only if available
    jQuery('.message').css('display', 'block');
}

-谢谢