I'm currently working with typescript alongside vue and jquery ui.
Encountering the error "TypeError: item.$element.draggable is not a function".
What am I doing wrong in my code? I have already included jquery-ui, as shown in the following files. My intention is to integrate jquery ui plugins into my code.
I've searched numerous resources online but none of the solutions seem to resolve the issue. Additionally, I have included typings for both jquery and jquery ui.
Here's my floatingmenu.ts file:
import Vue from 'vue';
import { Component } from 'vue-property-decorator';
import $ from 'jquery';
import anime from 'animejs';
import 'jquery-ui';
@Component
export default class FloatingMenuComponent extends Vue {
mounted() {
// Code implementation goes here...
}
}
// Menu and Item classes defined here...
Referencing my floatingmenu.ts.html file:
<template>
<div class="center menu">
<div id="myMenu"></div>
</div>
</template>
<script src="./floatingmenu.ts"></script>