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 个答案: