Ionic 5 Angular 9 项目不发挥功能但会从外部 Javascript 文件发出警报

Question

你好，我有一个 Ionic 5 Angular 9 项目。我想调用外部 javascript 文件。这些文件被按需调用，因为我发出了一个警报，它显示了所需的警报，但它没有调用 jquery 函数

angular.json

 "scripts": [
          "node_modules/jquery/dist/jquery.min.js",
          "node_modules/jquery/dist/jquery.js",
          "node_modules/bootstrap/dist/js/bootstrap.min.js",
          "src/assets/js/bootstrap.min.js",
          "src/assets/js/custon.js",
          "src/assets/js/charts.js",
          "src/assets/js/colors.js",
          "src/assets/js/filters.js",
          "src/assets/js/global.js",
          "src/assets/js/idangerous.swiper.min.js",
          "src/assets/js/isotope.pkgd.min.js",
          "src/assets/js/jqColorPicker.js",
          "src/assets/js/jquery-2.1.4.min.js",
          "src/assets/js/jquery-ui.js",
          "src/assets/js/jquery-ui.min.js",
          "src/assets/js/jquery.canvasjs.min.js",
          "src/assets/js/jquery.countTo.js",
          "src/assets/js/jquery.easy-autocomplete.min.js",
          "src/assets/js/jquery.mixitup.js",
          "src/assets/js/jquery.viewportchecker.min.js",
          "src/assets/js/magnific.js",
          "src/assets/js/map.js",
          "src/assets/js/script.js",
          **"src/assets/js/sorttable.js",**
          "src/assets/js/wow.js"
        ]

sortable.js

(function($){
alert('welcome');
$.extend({tablesorter:new
function(){var parsers=[],widgets=[];this.defaults= {cssHeader:"header",cssAsc:"headerSortUp",cssDesc:"headerSortDown",cssChildRow:"expand-child",sortInitialOrder:"asc",sortMultiSortKey:"shiftKey",sortForce:null,sortAppend:null,sortLocaleCompare:true,textExtraction:"simple",parsers:{},widgets:[],widgetZebra:{css:["even","odd"]},headers:{},widthFixed:false,cancelSelection:true,sortList:[],headerList:[],dateFormat:"us",decimal:'/\.|\,/g',onRenderHeader:null,selectorHeaders:'thead th',debug:false};function benchmark(s,d).....

Answer 1

将javascript个文件添加到index.html个文件中即可轻松调用javascript个文件。

<script src="/js/sortable.js"></script>

如果你想在 ts 文件中使用你的 javascript 文件

1- 在 test.js 文件中添加这些导出

export { nodes, edges, container, data, options, network };

2-然后导入ts文件

import "/js/sortable";

如果你想在 ngOnInit 中使用 jquery 个元素，你必须将它转换为任何元素。

if (($('#container-mix') as any).length) {
  ($('#container-mix') as any).mixItUp({
    animation: {
      duration: 400,
      effects: 'fade translateZ(-360px) stagger(34ms)',
      easing: 'ease',
    },
  });
}

Ionic 5 Angular 9 项目不发挥功能但会从外部 Javascript 文件发出警报

Ionic 5 Angular 9 project doesn't play the functions but does alert from external Javascript Files

javascript

ionic-framework

angular

ionic4