Question

我有一些javascript（进度条），可以在html的脚本标签中正常工作。但是我试图将其移动到.js文件并导入到application.js中，但我不确定如何。香港专业教育学院以前完成了另一个JavaScript功能，我把整个东西放在一个函数中，（我在这里添加了功能bar（）），然后导出了它，然后导入了application.js，但是这次不起作用。我对javascript很陌生，谢谢。

  function bar(){
     $('.progress-wrap').each(function(){
    percent = $(this);
    bar = $(this).children('.progress-bar');
    moveProgressBar(percent, bar);
});

  // function bar(){
  // on browser resize...
  $(window).resize(function() {
    $('.progress-wrap').each(function(){
        percent = $(this);
        bar = $(this).children('.progress-bar');
        moveProgressBar(percent, bar);
    });
  });

  // SIGNATURE PROGRESS
  function moveProgressBar(percent, bar) {
      var getPercent = (percent.data('progress-percent') / 100);
      var getProgressWrapWidth = percent.width();
      var progressTotal = getPercent * getProgressWrapWidth;
      var animationLength = 1000;

      // on page load, animate percentage bar to data percentage length
      // .stop() used to prevent animation queueing
      bar.stop().animate({
          left: progressTotal
      }, animationLength);
  }
}

export {bar};

Answer 1

如果没有完整的html文件和代码，给出确切的答案有点困难。但在某些情况下，问题在于顺序。例如，您使用的是jQuery或其他目前尚不可用的库。

通常，如果其他条件都准备就绪，则应该以首先运行脚本的方式更改脚本。在脚本中使用jQuery，因此可以使用

$(document).ready(function());

然后，如果文档准备就绪，则脚本将首先运行。

http://learn.jquery.com/using-jquery-core/document-ready/

您可以在浏览器中使用开发人员工具检查所有这些内容，并检查是否可以看到某些缺少某些内容的错误。

无法将javascript从html文件移动到js文件并将其导入到application.js-Rails

1 个答案: