Javascript 如何将jquery ui按钮与敲除一起使用？

我有以下html：

<button id="simpleBtn" data-bind="jqButton: true, click: runTest, style: {backgroundColor: color}">Click me</button>

---

我想更改按钮的样式，但此代码不起作用。我应该怎么做才能使它工作？

这一定是加载脚本的顺序问题。检查控制台是否有错误。您的代码在这里工作JSFIDLE.net/zA7L3/

这一定是由于加载脚本的顺序问题。检查控制台是否有错误。您的代码在这里工作JSFIDLE.net/zA7L3/

这一定是由于加载脚本的顺序问题。检查控制台是否有错误。您的代码在这里工作JSFIDLE.net/zA7L3/

这一定是由于加载脚本的顺序问题。检查控制台是否有错误。您的代码在这里工作JSFIDLE.net/zA7L3/

改用css绑定如何

运行测试
函数applyKnockoutModel（）{
功能测试（testName，Test）{
var vm={}；
vm.StyleRunTest=ko.observable（'btn-valid'）；
vm.result=ko.可观察（假）；
vm.testName=testName；
vm.color=ko.computed（函数（）{
返回vm.result（）==true？vm.StyleRunTest（'btn-valid'）：vm.StyleRunTest（'btn-invalid'）；
};
};
};
};

改用css绑定怎么样

运行测试
函数applyKnockoutModel（）{
功能测试（testName，Test）{
var vm={}；
vm.StyleRunTest=ko.observable（'btn-valid'）；
vm.result=ko.可观察（假）；
vm.testName=testName；
vm.color=ko.computed（函数（）{
返回vm.result（）==true？vm.StyleRunTest（'btn-valid'）：vm.StyleRunTest（'btn-invalid'）；
};
};
};
};

改用css绑定怎么样

运行测试
函数applyKnockoutModel（）{
功能测试（testName，Test）{
var vm={}；
vm.StyleRunTest=ko.observable（'btn-valid'）；
vm.result=ko.可观察（假）；
vm.testName=testName；
vm.color=ko.computed（函数（）{
返回vm.result（）==true？vm.StyleRunTest（'btn-valid'）：vm.StyleRunTest（'btn-invalid'）；
};
};
};
};

改用css绑定怎么样

运行测试
函数applyKnockoutModel（）{
功能测试（testName，Test）{
var vm={}；
vm.StyleRunTest=ko.observable（'btn-valid'）；
vm.result=ko.可观察（假）；
vm.testName=testName；
vm.color=ko.computed（函数（）{
返回vm.result（）==true？vm.StyleRunTest（'btn-valid'）：vm.StyleRunTest（'btn-invalid'）；
};
};
};
};

你想做什么？我很难破译这个。你能创建一个提琴吗？@MarkB是的，请：。我想根据测试结果将“运行测试”按钮的颜色更改为绿色或红色。你想做什么？我很难破译这个。你能创建一个提琴吗？@MarkB是的，请：。我想更改颜色或者根据测试结果将按钮“运行测试”的颜色设置为绿色或红色。你想做什么？我很难破译这个。你能创建一个小提琴吗？@MarkB是的，请：。我想根据测试结果将按钮“运行测试”的颜色更改为绿色或红色。你想做什么？我很难破译这个。Can您创建了一个提琴？@MarkB是的，请：。我想根据测试结果将“运行测试”按钮的颜色更改为绿色或红色。哦，您只需要使用背景而不是背景色来替换按钮的背景图像。恐怕我不太懂您的意思。С您能写下它将如何工作吗？而不是“style:{backgroundColor:color}”do“style:{backgroundColor:color}”哦，你只需要使用backgroundColor而不是backgroundColor来替换按钮的背景图像。恐怕我不太理解你。你能写下它的工作原理吗？而不是“style:{backgroundColor:color}”do“style:{backgroundColor:color}”“哦，你只需要使用背景而不是背景色来替换按钮的背景图像。恐怕我不太理解你。你能写下它是如何工作的吗？而不是“样式：{backgroundColor:color}”do“样式：{backgroundColor:color}”哦，你只需要使用背景而不是背景色来替换按钮的背景图像。恐怕我不太理解你。你能写下它是如何工作的吗？而不是“样式：{backgroundColor:color}”do“样式：{backgroundColor:color}”是的！太好了！谢谢。是的！太好了！谢谢。是的！太好了！谢谢。是的！太好了！谢谢。

function Test(testName, test) {
            var vm = {};

            vm.result = ko.observable(false);
            vm.testName = testName;
            vm.color = ko.computed(function (){
                return vm.result() === true ? 'green' : 'red';
            }, vm);

            vm.test = test;
            vm.runTest = function () {
                var result = vm.test();
                vm.result(result);
            }

            return vm;
        }

        ko.bindingHandlers.jqButton = {
            init: function (element) {
                $(element).button();
            }
        }

        ko.applyBindings(Test('Name', function () {
            //test code
        }));

<td><button id="testBtn" data-bind="jqButton: {enable: true}, click: runTest, css: StyleRunTest">Run test</button></td>

function applyKnockoutModel() {
    function Test(testName, test) {
        var vm = {};
        vm.StyleRunTest = ko.observable('btn-valid');
        vm.result = ko.observable(false);
        vm.testName = testName;
        vm.color = ko.computed(function () {
                return vm.result() === true ? vm.StyleRunTest('btn-valid') : vm.StyleRunTest('btn-invalid');
            };
        };
    };
};