jquery изменяемый размер не работает, он отлично работает на рабочем столе, но не на веб-сайте - PullRequest
Новая
       75

jquery изменяемый размер не работает, он отлично работает на рабочем столе, но не на веб-сайте

0 голосов
/ 08 апреля 2020

Я использую jQuery resizable не работает. Я получаю ошибку jquery resizable - это не функция. См. Изображение для получения дополнительной информации. Я вижу много постов из stackoverflow, но все еще получаю ту же ошибку. На самом деле я использую jquery и другие библиотеки, потому что из-за них я не могу этого понять, также я использую те же библиотеки на рабочем столе, и он работает нормально сам по себе. error $

@extends('layouts.app')

@section('content')
    <div class="content">
        <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
        <div id="media-div" class="">
        </div>
        <div class="spy-buttons">
            <div class="spy-button-inner">
                <div class="spy-mic">
                    <i class="fa fa-microphone-slash" title="Unmute Mic"  id="audio" style="display: none;"></i>
                    <i class="fa fa-microphone" title="Mute Mic"  id="mute"></i>
                </div>
                <div class="spy-video">
                    <i class="fa fa-video-camera" aria-hidden="true" title="Pause Video" id="video"></i>
                    <i class="fa fa-video-camera spy-closed-video" aria-hidden="true" title="Play Video" id="videoMute" style="display: none;"></i>
                </div>

                <div class="room-close">
                    <i class="fa fa-phone" title="Left Chat" aria-hidden="true" id="disconnectRoom"></i>
                </div>
                <div class="left-room">
                    <i class="fa fa-sign-out" title="Close Room" id="closeroom" aria-hidden="true"></i>
                </div>
            </div>

        </div>
    </div>


        //remove room
        $( document ).ready(function() {
            setTimeout(function(){      $( ".click_video" ).addClass( "ui-widget-content" );
                $( ".no_click_video" ).addClass( "ui-widget-content" ); alert('start');}, 6000);

            setInterval( function() {
                $.ajax({

                    headers: {

                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

                    },
                    type: 'GET',

                    url: '{{route('roomclose_check')}}',

                    data: {name: '{{$roomName}}'},

                    success: function (data) {
                        if (data == 'closed') {
                            $('#media-div').html('<div>Video chat session is closed Thank you for joining</div>');
                            $('.spy-buttons').fadeOut(300);
                        }
                    }
                });
            },3000);
            $( "#closeroom" ).click(function() {
                $.ajax({

                    headers: {

                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

                    },
                    type:'GET',

                    url:'{{route('videochat_close')}}',

                    data:{name:'{{$roomName}}'},

                    success:function(data){

                    $('#media-div').html('<div>Video chat session is closed Thank you for joining</div>');
                    $('.spy-buttons').fadeOut(300);
            }

                });
            });
            if ($(window).width() <= 480) {
            setInterval( function() {
                if ($(window).width() <= 480) {

                    $('video').each(function () {

                        var height = $(this).height();
                        var width = $(this).width();
                        if (width > 300)
                            $(this).width(300);
                    });

                }

            },1000);
            }

        });
    </script>
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js">


    </script>
    <script>
        $( function() {


            $( ".click_video" ).resizable();

        } );
    </script>
@endsection
@section('top_js')
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.7/js/fileinput.js" type="text/javascript"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.7/themes/fa/theme.js" type="text/javascript"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" type="text/javascript"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" type="text/javascript"></script>

@stop

Я хочу, чтобы это работало.

...