2012-06-27 50 views
0

是我簡單的jQuery這是工作的罰款在IE瀏覽器,但在FF和鉻沒有工作jQuery的對話框工作在IE完美,但不是在FF和Chrome

function publishRedirects() { 
    if (window.confirm("Are you sure want to publish the redirects?")) { 
     callJquery(); 
    } 
} 

function callJquery() { 
    $('#btnPublish').click(function() { 
     $("#dialog").attr('title', 'Publishing').text('Publishing Please Wait').append("<img src='../images/loading11.gif' id='myNewImage' />").dialog({ 
      draggable: false, 
      resizable: false, 
      modal: true, 
      closeOnEscape: false, 
      open: function (event, ui) { 
       $("a.ui-dialog-titlebar-close").remove(); 
      } 
     }); 
    }); 
} 

這是我的HTML:

<body> <div id="dialog"></div> <input name="btnPublish" class="button1" type="button" id="btnPublish" value="Publish" onClick="publishRedirects()"> <script type="text/javascript" src="../script/jquery.js"></script> <script type="text/javascript" src="../script/jquery-ui.js"></script> </body> 
+0

你能給我們相關的HTML嗎? A [的jsfiddle](http://jsfiddle.net/)將是完美的:) – Mordhak

+0

\t

\t <輸入名稱= 「btnPublish」 類= 「button1的」 類型= 「按鈕」 ID = 「btnPublish」 值= 「發佈」onClick =「publishRedirects()」> \t \t

+0

對不起,我的生活中從來沒有想過我會在互聯網上看到標題中的文字。 –

回答

1

我認爲這是因爲你正在爲btnPublish分配一個點擊事件而不是執行該功能。如果publishRedirects()調用按鈕的點擊你想在callJquery代碼用戶確認對話框後執行,​​就應該是這個樣子:(注意去除附着於點擊事件)

function callJquery(){ 
     var obj= $("#dialog"); 
     obj.attr('title','Publishing'); 
     obj.text('Publishing Please Wait'); 
     obj.append("<img src='../images/loading11.gif' id='myNewImage' />"); 
     obj.dialog({ 
       draggable: false, 
       resizable: false, 
       modal: true, 
       closeOnEscape: false, 
       open: function(event, ui) { 
         $("a.ui-dialog-titlebar-close").remove(); 
        } 
       }); 

    } 
+0

嘿,謝謝!那工作,但現在圖像不是隻在Chrome中進入對話框。它出現在IE和FF.any的建議呢? –

+0

我認爲這是因爲你分配img src的方式。嘗試使用絕對路徑代替相對路徑 更改:src ='../images/loading11.gif' to:src ='/ websitename/someFolder/SomeFolder/images/loading11.gif' – Dappergoat

+0

也嘗試過絕對路徑但沒有工作.. –

相關問題