按钮没有出现在jQuery对话框中

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

 <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 
});

}

这应根据所有我看过的文档工作。

来源

2013-02-12 Jim Evans

您的模态代码适合我。 – 2013-02-12 13:59:25

这只是奇怪的 - 对我来说，没有按钮的对话框显示出来 – 2013-02-12 14:04:41

如果我的回答确实为你显示了按钮，你介意提供一个链接到你的工作或创建一个小提琴重现错误使用你的代码？ – gulty 2013-02-12 14:16:24

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

来源

2013-02-13 15:38:48

http://jsfiddle.net/G4F7M/

只为我工作得很好。只是改变了FUNC呼叫并增加了一个按钮，在打开对话框：

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

所以，如果这些按钮不显示它可能是别的东西不会像CSS问题。

来源

2013-02-12 14:06:37 gulty

我只显示函数本身 - 而不是打开对话框的按钮的函数调用。这是工作很好，对话框打开就好 - 只是对话框中的按钮没有显示 - 谢谢你的答复。 – 2013-02-12 14:21:42

所以你可以看到小提琴里面的按钮，是吗？不在你的页面上？ – gulty 2013-02-12 15:45:40

正确 - 紫外线 - 但我已经解决了我的问题 - 见下文 – 2013-02-13 15:39:46

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

open: function (event, ui) { 
    //For displaying the buttons of GUI. 
    $('.ui-button-text').each(function (i) { 
     $(this).html($(this).parent().attr('text')); 
    }) 
},

来源

2014-01-04 13:33:57

按钮没有出现在jQuery对话框中

回答

相关问题