Как в Fancybox 4 можно отключить возможность перетаскивания окон?

Question

Флорентий

fancybox , javascript

Как в Fancybox 4 можно отключить возможность перетаскивания окон?

Как можно изменить данный код, чтобы окно не перемещалось мышкой туда-сюда? Возможно ли это реализовать? <br/> <br/> <pre><code class="javascript">$(document).on('click', '.callback', function (e) {
                    if (callback2_load === false) {
                        $.ajax({
                            url: 'index.php?route=tool/popup/callback2',
                            type: 'post',
                            dataType: 'html',
                            success: function (html) {
                                callback2_load = true;
                                $('footer').append(html);
                                Fancybox.show([{ src: "#callback2" }]);
                            }
                        });
                    }
                    else {
                        Fancybox.show([{ src: "#callback2" }]);
                    }
                });</code></pre>

4 марта 2025 г. 9:24

Ответы на вопрос 2

Похожие вопросы

Answer 1

В Fancybox 4 можно отключить возможность перетаскивания окон с использованием опции `draggable`. Для этого просто установите значение `false` при вызове метода `Fancybox.show()`.

В вашем случае код будет выглядеть следующим образом:

```javascript
$(document).on('click', '.callback', function (e) {
    if (callback2_load === false) {
        $.ajax({
            url: 'index.php?route=tool/popup/callback2',
            type: 'post',
            dataType: 'html',
            success: function (html) {
                callback2_load = true;
                $('footer').append(html);
                Fancybox.show([{ 
                    src: "#callback2", 
                    draggable: false // Отключаем перетаскивание
                }]);
            }
        });
    } else {
        Fancybox.show([{ 
            src: "#callback2", 
            draggable: false // Отключаем перетаскивание
        }]);
    }
});
```

Таким образом, с установкой `draggable: false`, окно не будет поддаваться перетаскиванию мышью.

Answer 2

На HTML заготовке формы попробуйте добавить атрибут data-touch="false", оно же в опциях фанси: touch: false.