javascript - 如何更新 simpledialog2 中的空白内容？

Question

我正在使用 simpledialog2 插件，它工作正常，但我想刷新内容而不关闭它。即我有一个应该修改对话框内容的按钮。任何人都可以建议如何清除和更新 simpledialog2 的空白内容而不调用它两次。提前致谢。

Answer 1

你想要这样 的 jsfiddle 演示吗

代码在这里：

$(document).delegate('#opendialog', 'click', function() {
  // NOTE: The selector can be whatever you like, so long as it is an HTML element.
  //       If you prefer, it can be a member of the current page, or an anonymous div
  //       like shown.
  $('<div>').simpledialog2({
mode: 'blank',
        headerText: 'Alert',
        headerClose: true,
        blankContent : 
          "<br/><br/><br/><p id='test_content'>Test Test Test Test</p>"+
        "<a href='#' data-role='button' id='accept_time_btn'>Accept</a>"
   })

})                   
$('#accept_time_btn').live("click",function(){
  // alert(work_order_id)
 $('#test_content').html("Update Test Contents");

});

Answer 2

上面的例子有时会起作用，但有一个属性必须设置为 true，即 dialogAllow。见下面的代码

            $('div').simpledialog2({
                mode : 'blank',
                headerText : "Some text",
                headerClose: true,
                dialogAllow: true,
                dialogForce: false,
                showModal:true,
                blankContent :rhtml

              });   

上面的代码是显示带有空白 HTML 的 Dialog 或者可能包含一些 HTML 内容

下面两个语句将有助于更新现有 simpledialog 上的内容，而无需再次调用它 $.mobile.sdCurrentDialog.updateBlank(rhtml); $('div').simpledialog2('refresh');

希望这对您有所帮助