Переделать код
 

Добрый вечер!
Помогите переделать пожалуйста кусок кода, где открывается popup не используя функцию modal.
другим способом.

у меня на функцию modal падает ошибка. Хотя jquery.modal.js подключен и виден.Думаю, если открывать другим способом, не через modal, то и ошибки не будет

$(document).ready(function () {
        $('#userpic').fileapi({
            url: 'http://rubaxa.org/FileAPI/server/ctrl.php',
            accept: 'image/*',
            imageSize: { minWidth: 300, minHeight: 300 },
            elements: {
                active: { show: '.js-upload', hide: '.js-browse' },
                preview: {
                    el: '.js-preview',
                    width: 300,
                    height: 300
                },
                progress: '.js-progress'
            },
            onSelect: function (evt, ui) {
                var file = ui.files[0];
                if (!FileAPI.support.transform) {
                    alert('Your browser does not support Flash :(');
                }
                else if (file) {
                    $('#popup').modal({
                        closeOnEsc: true,
                        closeOnOverlayClick: false,
                        onOpen: function (overlay) {
                            $(overlay).on('click', '.js-upload', function () {
                                $.modal().close();
                                $('#userpic').fileapi('upload');
                            });
                            $('.js-img', overlay).cropper({
                                file: file,
                                bgColor: '#fff',
                                maxSize: [$(window).width() - 100,
                                $(window).height() - 100],
                                minSize: [300, 300],
                                selection: '90%',
                                onSelect: function (coords) {
                                    $('#userpic').fileapi('crop', file, coords);
                                }
                            });
                        }
                    }).open();
                }
            }
        });
    });

Никто не может помочь переделать? =(

Mrs.Haneki,
$ в строках 20 -40 попробуйте заменить на jQuery

рони не помогло

Mrs.Haneki,
живьём надо брать демонов!

не поняла?

Mrs.Haneki,
ссылку в личку или живой макет где-то

рони, https://yadi.sk/d/NPT83xnYkRh9c

помогите пожалуйста! чтоб открывался popup без функции modal

Mrs.Haneki,
нормально отрабатывает как с заменой всех $ (у вас частично строки обработаны) по части modal, так и прежний вариант.
cropper только в FF не хочет работать (в консоли ошибок нет)
более пока ничем помочь не могу

else if (file) {
                    $('#popup').show()
                }

далее сами.

рони, вы не понимаете. на компьютере в папке открывается хорошо. а в проекте, где используются контроллеры, вьюхи и модели, c#, там падает ошибка на modal. и никак ее исправить не могу.
поэтому я попросила помощи переделать открытие попап без функции modal

рони, Добавила popup.show и все равно ошибка. на .open();

else if (file) {
                    $('#popup').show(
                        {
                            //closeOnEsc: true,
                            //closeOnOverlayClick: false,
                            onOpen: function (overlay) {
                                //$(overlay).on('click', '.js-upload', function () {
                                //    $.modal().close();
                                //    $('#userpic').fileapi('upload');
                                //});
                                jQuery('.js-img', overlay).cropper({
                                    file: file,
                                    bgColor: '#fff',
                                    maxSize: [jQuery(window).width() - 100, jQuery(window).height() - 100],
                                    minSize: [300, 300],
                                    selection: '90%',
                                    //onSelect: function (coords) {
                                    //   $('#userpic').fileapi('crop', file, coords);
                                    //}
                                });
                            }
                        }).open();
                }