如何在simpledialog 2中更新空白内容?

时间:2013-04-25 06:50:59

标签: javascript jquery jquery-mobile

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

2 个答案:

答案 0 :(得分:0)

你想这样吗? jsfiddle demo

代码在这里:

$(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");

});

答案 1 :(得分:0)

上面的例子有时可以工作但是有一个属性必须设置为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); $(&#39; DIV&#39)。simpledialog2(&#39;刷新&#39);

希望这会对你有所帮助 Summved