Question

提前感谢。

我已经创建了这个JS功能，该功能正在测试网站上运行，但它不适用于shopify。

如何将其称为产品页面？

可能存在一些错误

谢谢

＆＃13;

var output, started, duration, desired;

// Constants
duration = 5000;
desired = '50';

// Initial setup
output = $('#output');
started = new Date().getTime();

// Animate!
animationTimer = setInterval(function() {
    // If the value is what we want, stop animating
    // or if the duration has been exceeded, stop animating
    if (output.text().trim() === desired || new Date().getTime() - started > duration) {
        console.log('animating');
        // Generate a random string to use for the next animation step
        output.text('' + Math.floor(Math.random() *(50 - 25) + 25) 

        );

    } else {
        console.log('animating');
        // Generate a random string to use for the next animation step
        output.text('' + Math.floor(Math.random() * (50 - 25) + 25)

        );
    }
}, 4000);

＆＃13;

#output {
    margin: 20px;
    padding: 20px;
    background: gray;
    border-radius: 10px;
    font-size: 80px;
    width: 80px;
    color: white;
}

＆＃13;

<div id="output"></div>

＆＃13;

Answer 1

如果您单击产品页面右上角的箭头并将此代码复制并粘贴，我的评论就会用完，这样就可以了。

如果它还没有工作，我能想到的唯一其他事情可能是你的主题中没有包含jquery，因为你的代码使用了jquery。要验证您的主题已经有jquery，请转到theme.liquid ctrl + f 'jquery'

如果你发现它，我不确定你遇到了什么问题;如果没有将它添加到你的主题，你再次测试它。

<div id="output"></div>
<script>// <![CDATA[
var output, started, duration, desired;

// Constants
duration = 5000;
desired = '50';

// Initial setup
output = $('#output');
started = new Date().getTime();

// Animate!
animationTimer = setInterval(function() {
    // If the value is what we want, stop animating
    // or if the duration has been exceeded, stop animating
    if (output.text().trim() === desired || new Date().getTime() - started > duration) {
        console.log('animating');
        // Generate a random string to use for the next animation step
        output.text('' + Math.floor(Math.random() *(50 - 25) + 25) 

        );

    } else {
        console.log('animating');
        // Generate a random string to use for the next animation step
        output.text('' + Math.floor(Math.random() * (50 - 25) + 25)

        );
    }
}, 4000);
// ]]></script>

Answer 2

好的解决了它

我应该像这样安装Jquery

{{＆＃39; // ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js' | script_tag}}

而不喜欢这个

等等。

在Shopify或网站上安装JS代码

2 个答案: