我正在尝试根据我的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>同样,在页面加载后将代码复制/粘贴到开发工具中时,我如何计时以使此函数在页面加载时运行?
谢谢。
发布于 2019-05-03 02:35:16
也许你可以试试这个:
$(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();
}
});https://stackoverflow.com/questions/55958187
复制相似问题