你好,我有一个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).....
通过将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',
},
});
}