jquery - 如何以编程方式设置 jQuery UI 切换?

标签 jquery jquery-ui

我注意到可以通过以下方式设置 jQuery UI slider 的值:

$("#mySlider").slider("value", 42);

这会按预期触发附加到 slider 的事件处理程序。

现在我尝试使用按钮(切换)执行相同的操作。 API 中似乎没有一个好的方法可以做到这一点。 。我可能只是错过了一些简单的东西。

我尝试了以下方法,但没有结果:

$("#myButton").button().click();

欢迎提出如何处理这种情况的任何想法。请注意,如果能找到一个也适用于按钮集的解决方案,那就太棒了。

编辑

请注意,我需要这个特定的功能来模拟用户。下面是一些代码可以更好地说明该问题:

function toggleBrushValue(hotkey, attributeName) {
    shortcut.add(hotkey, function(e) {
        //XXX: the missing part
        $("#" + attributeName).<something?>;
    });
}

function increaseBrushValue(hotkey, attributeName) {
    shortcut.add(hotkey, function(e) {
        var currentSize = $("#" + attributeName).slider("value");

        $("#" + attributeName).slider("value", currentSize + 1);
    });
}

最佳答案

花了一段时间,但我终于找到了解决这个问题的方法。 :) 这是我的解决方案:

var $toggle = $("#" + attributeName);

$toggle.attr("checked", !$toggle.attr("checked")).button("refresh");

当 jQuery UI 切换通过“checked”获得初始值时,我决定利用它来发挥我的优势。 “refresh”确保其视觉状态也得到更新。

关于jquery - 如何以编程方式设置 jQuery UI 切换?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2617702/

相关文章:

jquery-ui - 除了实时查询之外,还有其他方法可以从ajax添加jquery按钮和日期选择器吗?

jQuery 触发变量变化

javascript - 带 TinyMCE 文本区域的 Ace 编辑器

jquery - SlideToggle 高度为 "jumping"

javascript - 在视频元素顶部移动时,JQuery UI 可调整大小/可拖动丢失 'grip'

javascript - 向背景图像过渡添加淡入淡出

javascript - Jasmine 错误 - .div 上触发了预期事件 [object Object]

jquery - jquery中如何关闭模态对话框

jquery-ui - 为$ {document).on()使用多个目标

javascript - 使用 jQuery-ui slider 或 selectable 时触发的函数