jquery - 为 jQuery UI 对话框设置按钮文本

Question

我(成功)设置 jQuery UI 对话框按钮文本的所有地方都已停止工作。按钮出现且功能正常，但在所有测试的浏览器(IE、Safari、Chrome、Firefox 和 Opera)中均不显示任何文本。使用 Chrome 的检查器和 Firebug 似乎文本甚至没有设置在按钮上，而不是 CSS 问题)。

最近唯一发生的变化是我们已将 jQuery UI 1.8.22 迁移到 jQuery 1.8.0，并且无法再次降级。

简化的示例可以在 jsFiddle http://jsfiddle.net/F7pGu/ 上找到

示例 HTML:

<div id="form">
    <h1>Blah</h1>
</div>

<button id="array-test">Array Test</button>
<button id="object-test">Object Test</button>

​示例 JavaScript:

var $form = $('#form'),
    $arrTest = $('#array-test'),
    $objTest = $('#object-test');

$arrTest.click(function(){
    $form.dialog({
        buttons: [
            {
                text: 'Cancel'                
            },
            {
                text: 'Save'
            }
        ]
    });
});

$objTest.click(function(){
    $form.dialog({
        buttons: {
            'Cancel': function () {},
            'Save': function () {}
        }
    });
});
​

阅读文档我找不到任何错误。我们始终使用对象测试方法，但文档现在提到了数组测试方法。

Answer 1

我做了一些研究，因为这确实是一个奇怪的问题。事实证明这是一个已知问题，并且已为其创建了错误跟踪器。

这是bug-tracker解释该问题和当前的解决方法。

为了方便起见，这里是 ticket 的直接链接本身已被修复并设置为包含在 1.8.23 版本中。

将以下代码行添加到脚本中将使对话框再次工作:

if ( $.attrFn ) { $.attrFn.text = true; }

参见DEMO

这也是附加的 SO Post这是错误跟踪器中链接的。