如何检索与 jQueryUI 可排序列表的辅助方法相关的数据?

发布于 2024-12-12 03:49:13 字数 798 浏览 0 评论 0原文

我正在使用 jQueryUI 1.8.14,我想了解如何使用与 jQueryUI 可排序列表

ui.helper - the current helper element (most often a clone of the item)
ui.position - current position of the helper
ui.offset - current absolute position of the helper
ui.item - the current dragged element
ui.placeholder - the placeholder (if you defined one)
ui.sender - the sortable where the item comes from (only exists if you move from one connected list to another)

例如,如果我像下面一样运行alert(ui.position)

$jQ("#sortable").sortable({
  update: function(event, ui) {
    alert(ui.position)
  }
});

我会收到如下警报消息:“[object Object]”... <强>我怎样才能检查它对象(例如:为了检索位置值 - 即整数值)

I am using jQueryUI 1.8.14 and I would like to understand how to use helper methods related to a jQueryUI sortable list:

ui.helper - the current helper element (most often a clone of the item)
ui.position - current position of the helper
ui.offset - current absolute position of the helper
ui.item - the current dragged element
ui.placeholder - the placeholder (if you defined one)
ui.sender - the sortable where the item comes from (only exists if you move from one connected list to another)

For example, if I run the alert(ui.position) like the following

$jQ("#sortable").sortable({
  update: function(event, ui) {
    alert(ui.position)
  }
});

I get an alert message like this: "[object Object]"... how can I inspect that object (eg: in order to retrieve the position value - that is, an integer value)?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梓梦 2024-12-19 03:49:13

使用 console.log ,然后你可以看到该对象包含什么:)

$("#sortable").sortable({
  update: function(event, ui) {
    alert("top:" + ui.position.top + " left:" + ui.position.left);
  }
});

通过执行以下操作找到此内容: console.log(ui.position);

结果:Object { top=26, left =10}

Use console.log on it, then you can see what the object contains :)

$("#sortable").sortable({
  update: function(event, ui) {
    alert("top:" + ui.position.top + " left:" + ui.position.left);
  }
});

Found this by doing: console.log(ui.position);

Result: Object { top=26, left=10}

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文