如何根据URL数据显示数据？

Question

我正在尝试根据我的URL中的UTM显示一些动态内容。 虽然我可以在浏览器中调用该函数来显示内容，但在页面加载时却没有这样做。 （功能有效，但我的时间必须关闭）

我试图改变我调用jQuery和我的JS文件的顺序，但除非我将我的函数粘贴到chrome dev工具中，否则它不会显示。

这是函数的相关部分：

// 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：

<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 -->

这是我的标题，以防我应该调用一切的不同方式：

<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>

同样，在页面加载工作后将我的代码复制/粘贴到开发工具中时，如何计算它以使该函数在页面加载时运行？

谢谢。

Answer 1

也许试试这个：

$(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();
    }
});

如何根据URL数据显示数据？

问题描述

1 个解决方案

解决方案1
0 2019-05-02 18:35:15

如何根据URL数据显示数据？

问题描述

1 个解决方案

解决方案1 0 2019-05-02 18:35:15

解决方案1
0 2019-05-02 18:35:15