หมวดหมู่: jQuery

TypeScript: jQueryTypeScript: jQuery

อันว่า jQuery เจเควียรี พี่แกอาวุธโสจนต้องบอกว่า เก่า แต่ยังเก๋าอยู่พอมาอยู่ในยุค TypeScript ก็มีบาง JavaScript ที่ยังต้องใช้บริการมันอยู่

  1. เพิ่ม jQuery โดย command
    npm install @types/jquery jquery
  2. เปิดไฟล์ SourceCode/resources/js/app.ts
  3. เพิ่ม code
    //jQuery
    import $ from "jquery";
    
    declare global {
     interface Window {
     $: typeof $;
     }
    }
    
    window.$ = $;
    
  4. ใช้ command
    npm run dev
  5. ทดสอบโดยใส่
<script>
	$ (document) .ready (function () {
		// Your jQuery code here
		console.log ("Document is ready!") ;
	}) ;
</script>

อธิบาย

บรรทัดที่ 4 จะทำให้สามารถใช้ $ ในหน้าเพจ