2012-06-27 42 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

也尝试过绝对路径但没有工作.. –

相关问题