从javascript函数更改模态对话框选项

时间:2015-03-05 07:48:50

标签: jquery dialog modal-dialog jquery-dialog

<div id="dialog>html form</div>

我有一个div,其中包含单击按钮的形式我在模态中打开div

$("#dialog").modal({
            backdrop: true,
            keyboard: false,
            show: true
});

现在我在模态中有一个按钮,点击按钮就会打开一个对话框。 如果该对话框打开,我想操纵模态选项。

function upload_images(){   
   if($("#image_upload").is(':visible'))
     {
        $('#dialog').data('modal').options.backdrop = false;
     }
   else{
    $('#dialog').data('modal').options.backdrop = true;
   }
  $("#image_upload").dialog({              
          resizable:false,
          title: "Upload Images",
          modal:true
   });
}
<div id="image_upload>some content</div>

我在使用时遇到错误 $(&#39;#对话&#39;)数据。(&#39;模式&#39;)的选项。 错误:无法读取属性&#39;选项&#39;未定义的。 任何人都可以帮助我。

2 个答案:

答案 0 :(得分:0)

怎么样?
$("#dialog").modal({
            backdrop: true,
            keyboard: false,
            show: true,
            buttons:{
          "Style Button":function(){
             if($("#image_upload").is(':visible'))
             {
               $(this).data('modal').options.backdrop = false;
             }
             else{
               $(this).data('modal').options.backdrop = true;       
             }
      }
});

答案 1 :(得分:0)

将背景值更改为静态可以解决问题而不是错误 $('#dialog')。data('modal')。options.backdrop =“static”;