Category Archive jQuery

Byphunsanit

TypeScript: jQuery

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

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

อธิบาย

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