Question

我在Polymer＆amp; amp; Java的。现在我试图建立一个由Polymer 1.0构建的站点，一个自定义的Java脚本（https://github.com/ztizzlegaming/CSGOWinBig/blob/master/src/script.js）和一个由aterrien（https://github.com/aterrien/jQuery-Knob）创建的Knob.js。在我想用来动态改变jQuery-Knob.js的旋钮的脚本中有一个倒计时功能。

自定义脚本中的倒计时部分：

var mTimeLeft = 120;
var timerRunning = false;
function timer (timeLeft) {
if (!timerRunning || timeLeft <= 0) {
    timerRunning = false;
    return;
}

if (timeLeft !== undefined) {
    mTimeLeft = timeLeft;
}

//Set something on the page to show the time left
$('#time-left').text(parseInt(mTimeLeft) + 's');

mTimeLeft--;

if (mTimeLeft <= 0) {
    timerRunning = false;
    return;
}

setTimeout(timer, 1000);
}

这是我的旋钮功能，我将其设置为Polymer Web组件（knob.html）：

<link rel="import" href="bower_components/polymer/polymer.html">


<dom-module id="knob">
<style>

</style>
<template>
 <input type="text" value="60" id="dial" data-width="200">
</template>
</dom-module>

<script type="application/javascript">
Polymer ({
    is: "knob",

    ready: function() {
        $(this.$.dial).knob({
            'min':0,
            'max':120,
            }
        );
    }


});
</script>

所以自定义脚本直接在Polymer的index.html中调用，我在那里调用了Knob.js：

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="bower_components/aterrien/jQuery-Knob/js/jquery.knob.js"></script>

和

<paper-card elevation="1" class="pot"> 
  <knob></knob>
</paper-card>

我从小就坐在这上面......有没有人有想法？

如何整合：Knob.js + Polymer 1.0 +自定义脚本？

0 个答案: