如何根據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