问题标签 [jquery-ui-selectable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
136 浏览

jquery - 我如何从签入和签出中获取价值
  • ?
  • 如何从签入和签出中获取价值<li>?我已经有很多了<ol><li>正如你在这张图片中看到的那样:http: //s2.subirimagenes.com/otros/previo/thump_7254872hot.jpg

    我需要捕获签入值(在图像中,从拖动的橙色线开始)直到您mousedown(签出),但我只需要签入和签出的值。

    对于拖动,我有这样的东西:

    然后很多<li>

    正如您在这张图片中看到的:http: //s2.subirimagenes.com/otros/previo/thump_7254872hot.jpg

    0 投票
    1 回答
    287 浏览

    c# - 如何从 EF 中的 ViewBag 填充 jquery ui 可选择项列表?

    我正在尝试将来自 Jquery Ui 的序列化可选择添加到 MVC 中的视图中。具体来说,我希望主管能够从他/她的下属列表中选择单个或多个员工。此员工列表将构建在控制器中并分配给 ViewBag。我希望这个 ViewBag 中的员工填充可选。

    解决这个问题的最佳方法是什么?我也没有接受使用 ViewBag 来实现这一点的想法。

    0 投票
    1 回答
    954 浏览

    jquery - jQuery Selectable metaKey 事件绑定与实际按键不同

    我正在使用 jQuery UI 可选组件。为了允许在不按住控制/命令的情况下进行多项选择,我有以下内容:(来自另一个线程)

    这适用于选择多个项目并允许拖动选择。问题在于将 mousedown 绑定到 metaKey 不会提供与实际按住命令/控制键相同的行为。

    这是显示行为的简短截屏视频 -截屏视频示例

    这是关于 jsfiddle 的示例(来自另一个用户,而不是我自己) - metaKey 设置为 true

    在 jfiddle 示例中,假设您通过单击和拖动来选择前 4 个。现在选择了 4 个。由于 metaKey 设置为 true,我们可以单击 5 或 6 添加到选择中。相反,如果您单击并拖动 5 并向上拖动 4(已选中),然后在不释放鼠标的情况下拖动回 5,则 4 将变为未选中状态。

    尝试同样的事情,但这次持有命令/控制。如果选择了前 4 个,则单击并在 5 上拖动(仍然按下命令/控制)在 4 上然后再向下拖动,4 保持选中状态。

    基本上,它在被拖动时使选定的项目未选中,但按下命令/控制键时,被选中的项目保持选中状态。

    我已经控制台记录了每个停止、启动、选择、取消选择事件的 metaKey,当 metaKey 绑定到 mousedown 时,它都返回 true,但行为与实际按住命令键不同。

    0 投票
    1 回答
    2005 浏览

    jquery - 如何使用 JQuery UI selectable 限制可选元素?

    没关系。假设我有以下代码段:

    现在,假设我已经执行了:

    我的困境:

    比如说,每当我拖动并因此出现套索工具时,我只希望选择 4 个 div - 在选择 4 个之后我仍然可以扩展套索,但不应选择套索悬停的后续 div。所以说div的外观是从左到右,

    ABCDEF

    套索从 A 开始,我将它向右移动 - 在覆盖 D 时,它达到了 4 的限制 - 当我将鼠标悬停在 E 和 F 上时,这些现在不应该是可选的。

    0 投票
    2 回答
    826 浏览

    jquery - Jquery Selectable - 使除每行中的最后一个之外的所有 TD 都不可选择

    我已经设法使每行中的最后一个 TD 在 JQuery Selectable 插件中无法选择,方法是为最后一个 TD 分配一个与可选的“过滤器”选项中指定的不同的类。

    我在最后一个 TD 中有一个图像,我在其单击时执行了某些操作,虽然 TD 没有被插件选中,但它吃掉了一半的事件,并且图像单击不会触发。如果我单击该列 3 次,它只会触发一次……它就像随机行为。

    有谁知道在点击最后一个 TD 的情况下如何将事件从 Plugin 中继到 Img?

    我已将每行的最后一个 TD 的类明确设置为'ItemTd'.

    0 投票
    3 回答
    18816 浏览

    javascript - 在 jQuery UI Selectable 中启用 Shift-Multiselect

    我想在 jQuery UI 可选表中启用多选功能,方法是按住shift.

    shift如果按住鼠标单击,我可能应该做这样的事情

    • 获取最上面的选定元素
    • 获取被点击的元素
    • 选择介于两者之间的所有元素

    但我找不到如何以干净的方式做到这一点......

    目前我在可选配置中得到了这个:

    单击的元素也是如此oTarget(并且e.currentTarget是整个表格),但现在呢?如何以一种可以告诉我单击的元素是在所选元素之上还是之下的方式找到哪些元素已被选中,并选择介于两者之间的所有元素?

    我现在已经像这样解决了,添加到可选元素中:

    0 投票
    1 回答
    309 浏览

    internet-explorer - jQuery 可选择的错误?

    我有一个表,标题中包含隐藏一系列单元格的链接。我想selectable()使用jQueryUI制作单元格,但是隐藏的单元格 +selectable()会导致一些奇怪的行为。

    示例:http: //jsfiddle.net/gvmNv/1/

    在 Chrome 中,如果单元格被隐藏然后selectable()被应用,看起来像一些幻像单元格被插入到表中,但它们不在 dom 中(表 1)。

    在表 2 中,如果单击隐藏单元格然后进行选择,也会发生同样的情况。

    在 IE8 中,如果单元格是隐藏的,当您选择隐藏单元格时,隐藏的单元格也会被选中。此外,如果选择了一系列单元格然后将其隐藏,则后续选择不会取消选择隐藏的单元格。

    我在 Firefox 9 中没有看到这些问题。

    谁能解释一下?有没有办法解决它?

    0 投票
    2 回答
    401 浏览

    css - jQuery UI:向 ASP.NET Razor 视图动态添加多个可选择项

    我正在尝试向剃刀视图动态添加多个可选择的 jQuery:

    所以我不能使用:

    因为要使每个元素可选择的 id 将类似于 selectable_x 其中 x 是一个整数。创建可选择项的脚本如下所示:

    我尝试使用的 CSS 样式如下所示:

    正在创建元素,但未应用 ui-selecting 和 ui-selected 类的 CSS 样式。

    想法非常感谢。

    TIA。

    0 投票
    2 回答
    4139 浏览

    jquery - Jquery使用.selectable选择多个复选框

    我对 Jquery .selectable 有点困惑。我需要做的是使一个包含复选框的区域可以选择(我可以到这里),然后检查哪些已选中的复选框已被选中(所以我可以取消选中它们),如果它们检查它们不是。

    任何帮助表示赞赏。谢谢。

    0 投票
    1 回答
    2565 浏览

    mouse - JQuery UI 可选插件 - 多个鼠标拖动选择和取消选择选项

    我正在使用 JQuery UI 可选插件来选择表格单元格,这里是示例代码:http: //jsbin.com/ejewes/edit#javascript,html,live

    我想对此进行更改,以便能够
    1. 进行多个鼠标拖动选择(不使用 ctrl 键)
    2. 通过拖动或单击单个/多个选定的单元格来取消选择单元格

    我在这个论坛上解决了相关问题,但到目前为止还没有解决方案对我有用!任何人都可以帮我定制这个插件或指向一些可以帮助我做到这一点的资源吗?

    提前非常感谢!

    迪帕·塔利卡