ファンシーボックスの確認ダイアログ

Question

ファンシーボックスで確認ダイアログを作成しています。 これはこれは私が間違ってdoinの午前何を、空想ボックスが現れますが、ダイアログは表示されません

Utility.dialog('Delete Pheed','Are sure you want to delete this pheed ?', 
         alert('hi')); 

私の確認ダイアログを実装していますどのようにダイアログ

var Utility = (function() { 
function confirm_dialog(title,msg,callback) 
     { 
      var ret; 
      $.fancybox('<div class="confirm-dialog"></div>', 
      { 
       'width':400, 
       'height':250, 
       'modal' : true, 
       'transitionIn' : 'none', 
       'transitionOut': 'none', 
       'speedIn' : 300, 
       'speedOut' : 300, 
       'autoScale' : false, 
       'scrolling' : 'no', 
       'overlayShow' : true, 
       'overlayOpacity' : 0.3, 
       'overlayColor' : '#666', 
       'padding':10, 
       'onComplete':function() { 
        $('.okBtn').click(function(){ 
          ret = true; 
          $.fancybox.close(); 
         }) 
        $('.cancelBtn').click(function() { 
         ret = false; 
         $.fancybox.close(); 
        }) 
       }, 
       'onClosed':function() { 
        callback.call(this,ret); 
       } 
      }); 
      var html = '<div class="confirm-box">'+ 
         '<div class="confirm-title">'+title+'</div>'+ 
         '<div class="confirm-msg">'+msg+'</div>'+ 
         '<div class="confirm-buttons">'+ 
         '<button class="okBtn">Ok</button>'+ 
         '<button class="cancelBtn">Cancel</button>'+ 
         '</div>'+ 
         '</div>'; 
      $('.confirm-dialog').append(html); 
     } 
     return { dialog : confirm_dialog } 
})(); 

の作成を扱うモジュールであります

Answer 1

ファンシーボックスapiには、contentオプションがあります。このオプションには、HTMLコンテンツを含めることができます。 confirm-dialog divのコンテンツを生成する代わりに、それを直接含めることができます。

編集：contentのファンシーボックスバージョン1.3以上が動作していることを確認してください。

私は間違っていると私には間違いがありますが、このアプローチの問題は、fancybox関数が呼び出された後にconfirm-dialog divがdom要素に見つからないことがあることです。