หมวดหมู่: Jquery

TypeScript: jQueryTypeScript: jQuery

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

  1. เพิ่ม jQuery โดย command
    npm install @types/jquery jquery
  2. เปิดไฟล์ SourceCode/resources/js/app.ts
  3. เพิ่ม code

    JavaScript

    //jQuery
    import $ from "jquery";
    declare global {
     interface Window {
     $: typeof $;
     }
    }
    window.$ = $;
    
  • ใช้ command
    npm run dev
  • ทดสอบโดยใส่
  • JavaScript

    <script>
    	$ (document) .ready (function () {
    		// Your jQuery code here
    		console.log ("Document is ready!") ;
    	}) ;
    </script>
    

    อธิบาย

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