смещение, но консоль скажите мне, что он не определен:
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>
В методе обработчика перетаскивания вы используете переменную с именем 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);
}
});
})
Вы забыли добавить параметры 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);
},
});
});
});
спасибо за вашу помощь вы привели меня к правильному пути.