2014-10-22 47 views
0

正常工作,我有一個JavaScript函數:模態對話框窗口無法在Chrome

$(document).ready(function() { 
    dialog = $("#dialog-form-sending" 
     ).dialog({ 
      autoOpen: false, 
      height: 600, 
      width: 900, 
      modal: true, 
      buttons: { 
       "send": sendMessage, 
      }, 
     }); 
dialog1 = $("#dialog-form-manager").dialog({ 
      autoOpen: false, 
      height: 600, 
      width: 900, 
      dialogClass: 'no-close success-dialog', 
      modal: true, 
     }); 
}) 

底部的HTML代碼是我的對話窗口

<div id="dialog-form-sending" title="sendig message"> 
    <div class="Logo"> 
<img class="image" src="myimage" /> 
     <h2>message sending</h2> 
</div> 
</div> 


<div id="dialog-form-manager" title="suggest manager"> 
    <div class="Logo"> 
     <img class="image" src="myimage" /> 
     <h2>suggest manager</h2> 
    </div> 
</div> 

體JavaScript函數用於配置2模態窗口一個MVC4剃鬚刀page.in鉻瀏覽器和其他瀏覽器在我的電腦上(由vs2012開發)此功能正常工作,但是當我釋放它在服務器和調試模式下配置文件設置爲false,Chrome停止正常工作,模式窗口部分出現在頁面上(其他borwsers正常工作)。

什麼問題?

+0

嘗試將var放在對話變量之前,再放在dialog1變量之前。另請提供更多代碼,以便更容易地發現問題。 – LiamWilson94 2014-10-22 09:38:23

+0

你有沒有看過Chrome控制檯?是否有任何錯誤陳述? – Chrisissorry 2014-10-22 09:44:43

+0

hi.my問題是在調試模式。其中調試模式是真正chorme正常work.but調試模式設置爲false無效工作 – 2014-10-22 09:53:50

回答

0

您在對象定義的末尾有額外的, s。刪除它們。

$(document).ready(function() { 
    dialog = $("#dialog-form-sending").dialog({ 
    autoOpen: false, 
    height: 600, 
    width: 900, 
    modal: true, 
    buttons: { 
     "send": sendMessage      // Remove here 
    }           // Remove here 
    }); 
    dialog1 = $("#dialog-form-manager").dialog({ 
    autoOpen: false, 
    height: 600, 
    width: 900, 
    dialogClass: 'no-close success-dialog', 
    modal: true         // Remove here 
    }); 
}) 
+0

我刪除了額外的s,但問題仍然出現。在服務器上我將debug模式設置爲true問題解決了。但是當debug模式設置爲false時,出現問題 – 2014-10-22 11:53:22

相關問題