首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何根据URL数据显示我的数据?

如何根据URL数据显示我的数据?
EN

Stack Overflow用户
提问于 2019-05-03 02:25:04
回答 1查看 33关注 0票数 0

我正在尝试根据我的URL中的UTM来显示一些动态内容。虽然我可以在浏览器中调用该函数来获得要显示的内容,但它不能在页面加载时这样做。(函数可以工作,但我的计时必须关闭)

我试图更改调用jQuery和JS文件的顺序,但无论哪种方式,除非我将函数粘贴到chrome dev工具中,否则都不会显示。

下面是该函数的相关部分:

代码语言:javascript
复制
// regex to find the URL param above
var dynamicContent = getParameterByName('dc');

 $(document).ready(function() {

    if (dynamicContent == 'fintech') {
        $('#fintech').show();
    } 
    else if (dynamicContent == 'martech') {
        $('#martech').show();
    } 
//... excluded remaining options
    else {
        $('#default-content').show();
    }

和HTML:

代码语言:javascript
复制
<span id="default-content" class="dynamic-content">Tech</span>
<span id="fintech" class="dynamic-content">Fintech</span>
<span id="martech" class="dynamic-content">Martech</span>
<!-- excluded remaining options -->

这是我的标题,以防我应该以不同的方式调用所有内容:

代码语言:javascript
复制
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="assets/dynamic.js" type="text/javascript"></script>
</head>

同样,在页面加载后将代码复制/粘贴到开发工具中时,我如何计时以使此函数在页面加载时运行?

谢谢。

EN

回答 1

Stack Overflow用户

发布于 2019-05-03 02:35:16

也许你可以试试这个:

代码语言:javascript
复制
$(window).on('load', function () {
    var dynamicContent = getParameterByName('dc');

    if (dynamicContent == 'fintech') {
        $('#fintech').show();
    }
    else if (dynamicContent == 'martech') {
        $('#martech').show();
    }
    //... excluded remaining options
    else {
        $('#default-content').show();
    }
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55958187

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档