интерфейс не определяется с помощью перетаскивания

0

смещение, но консоль скажите мне, что он не определен:

ui is not defined

В моем HTML скрипт jquery включены:

 <script language="javascript" type="text/javascript"
        src="/templates/protostar/js/jquery.min.js"></script>
<script language="javascript" type="text/javascript"
        src="/templates/protostar/js/jquery-ui.min.js"></script>
<script language="javascript" type="text/javascript"
        src="/templates/protostar/js/jclip.js"></script>
<script language="javascript" type="text/javascript"
        src="/templates/protostar/js/cp.js"></script>

Я не понимаю... это мой код jQuery:

<script type="text/javascript" language="javascript">
(function ($) {
    $(document).ready
    (
        function () {
            $('.mapban').parent().jclip(0, 0, 1060, 750);

            $('#mapplane').draggable({ containment: $('#containermy'),
            scroll: false,
            drag: function() {  
            console.log(ui.offset);
             },


            });

 })
</script>
Теги:

3 ответа

4
Лучший ответ

В методе обработчика перетаскивания вы используете переменную с именем ui но не объявлены нигде в области функции, которая является причиной ошибки.

Обработчик события перетаскивания получает 2 аргумента, сначала это событие, второе - объект ui который содержит некоторые данные, специфичные для события виджета, вам нужно усилить подпись метода обработчика событий, чтобы принять те параметры, которые приведены ниже.

jQuery(function ($) {
    $('.mapban').parent().jclip(0, 0, 1060, 750);
    $('#mapplane').draggable({
        containment: $('#containermy'),
        scroll: false,
        drag: function (event, ui) { //here ui is the second parameter
            console.log(ui.offset);
        }
    });
})
1

Вы забыли добавить параметры drag: function (event, ui) {

См. Перетаскивание событий

(function ($) {
    $(document).ready(function () {
        $('.mapban').parent().jclip(0, 0, 1060, 750);
        $('#mapplane').draggable({
            containment: $('#containermy'),
            scroll: false,
            drag: function (event, ui) {
                console.log(ui.offset);
            },
        });
    });
});
0

спасибо за вашу помощь вы привели меня к правильному пути.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню