1

我有一个事务编辑 jQuery 对话框，当单击正确的按钮时弹出就好了，但对话框中定义的“保存”和“取消”按钮不显示。对话框的 HTML 是：

      <div id="trxpop">
        <div>
            <label for="txtItem1">Item1: </label>
            <input id="txtItem1" type="text" /><br />
            <label for="item1">Item2: </label>      
            <input id="txtItem2" type="text" /><br />
        </div>
  </div>

和 jQuery 在这里

jQuery.fn.EditTrx = function (item1, item2) {
$("#txtItem1").val(item1);
$("#item1").val(item1);
$("#trxpop").dialog({
    title: 'Edit Transaction',
    modal: true,
    buttons: {
        'Save': function () {
            /* Do stuff */
            $(this).dialog('close');
        },
        'Cancel': function () {
            $(this).dialog('close');
        }
    },
    resizable: false,
    draggable: true,
    stack: true,
    closeOnEscape: true,
    zIndex: 1320,
    width: 500
});

}

这应该根据我读过的所有文档起作用。

4

3 回答 3

2

http://jsfiddle.net/G4F7M/

对我来说很好用。只是更改了 func 调用并添加了一个用于打开对话框的按钮：

$('input').click(function(){
EditTrx();
});

因此，如果这些按钮未显示，则可能是其他导致问题的原因，例如 css。

于 2013-02-12T14:06:37.967 回答
0

我不得不在完整的按钮定义周围添加一组新的括号，现在它可以正常工作了。我编辑了上面的原始代码示例以反映此更改。谢谢大家的回复。

于 2013-02-13T15:38:48.937 回答
0

如果问题仍然存在，如已接受的答案中所述，则可以通过在对话控件的打开事件中执行以下操作来解决。

open: function (event, ui) {
    //For displaying the buttons of GUI.
    $('.ui-button-text').each(function (i) {
        $(this).html($(this).parent().attr('text'));
    })
},
于 2014-01-04T13:33:57.547 回答