在聚合物元素中使用外部js和css

时间:2016-07-22 15:19:10

标签: javascript polymer

我有一个使用外部js和css的Polymer元素。我在dom上调用了一个js函数。它在Chrome中运行良好。 在Firefox 47.0和IE Edge中,它无法按预期工作。在这两种情况下,下面代码中的cvtable.css都不会在Firefox和IE中下载。 在Firefox中,调用js函数window.cvtable.createTable();但是在IE中它甚至都没有被调用。

由于

<link rel="stylesheet" href="/cis/css/cvtable.css" type="text/css">
<script type="text/javascript" src="/cis/js/cvtable.js"></script>

<dom-module id="cis-home-index-perf-table">
  <template>
    <div id="indices_perf_div" class="debug" style="float:left;clear:none;overflow:auto;width:813px;height:250px;">
  </template>
  <script>
    Polymer({
      is: 'cis-home-index-perf-table',
      ready: function () {
        var fundDetailsJSON =
          '"some json":"some json value"';
        $(document).ready(function () {
          window.cvtable.createTable(fundDetailsJSON);
        });
      }
    });
  </script>
</dom-module>

1 个答案:

答案 0 :(得分:0)

经过几个小时的调试,结果证明我没有关闭模板中的div。我正在使用Brackets IDE,它从未表示缺少结束标记。需要一些方法来处理这些问题。