在zul文件中插入JQuery

Question

你好，我正在用ZK做一个项目。我需要做的是将一个值从标签传递给JQuery函数来进行倒计时。

我需要使用这个插件: www.jqueryscript.net/loading/Graphical-Circular-Timer-with-jQuery-CSS3-pietimer.html

我试着把这个插件插入zul页面，但似乎不起作用。

我是JQuery的新手，我不知道如何从标签中将一个值传递给"timerSeconds“。

到目前为止，我在这里所做的是：

<?link href="http://www.jqueryscript.net/css/top.css" rel="stylesheet" type="text/css"?>
<?link rel="stylesheet" type="text/css" href="pietimer.css"?>

<zk>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.pietimer.js"></script>
<script type="text/javascript" defer="true">
<![CDATA[
    jq(function() {
        zk('#timer').pietimer({
          timerSeconds: 60,// i need to insert a label value instand of 60
          color: '#234',
          fill: false,
          showPercentage: true,
          callback: function() {

          }
      });
    });
    ]]>
  </script>
  <div id="timer" style="margin-top:100px;"></div>

</zk>

你能帮帮我吗？

Answer 1

问题是jq()和zk()是ZK自己的作用域，但是pietimer()被添加到另一个jQuery版本下面，所以我想您可以使用它来解决这个问题。

zk.afterMount(function () { // run when ZK widgets are ready
  $('#timer').pietimer({ // use $ instead of zk or jq
      timerSeconds: 60,// i need to insert a label value instand of 60
      color: '#234',
      fill: false,
      showPercentage: true,
      callback: function() {

      }
 });
});