2011-06-22 56 views
0

嗨,我有一个问题,在firefox中呈现jQuery对话框。当单击“获取表单”按钮时,表单对话框应该打开/显示。这适用于除Firefox以外的所有其他浏览器,其中对话框内容已经以正常形式显示。Firefox中的JQueryUI对话框的问题

这是Firefox中页面的截图。 >>http://wyntersunholidays.com/screenshot.jpg

在safari中按照需要工作。 >>http://wyntersunholidays.com/Screen%20shot-safari.jpg

也出于某种原因,按钮不呈现为jQuery按钮。有人可以帮助解释这一点吗?

在此先感谢

$("#dialog:ui-dialog").dialog("destroy"); 
$("#dialog-form").dialog({ 
     autoOpen: false, 
     height: 450, 
     width: 350, 
     left:200, 
     modal: true, 
     buttons: { 
      "Submit Details": function() { 
       allFields.removeClass("ui-state-error"); 


        $("#users tbody").append("<tr>" + 
         "<td>" + name.val() + "</td>" + 
         "<td>" + email.val() + "</td>" + 
         "<td>" + tel.val() + "</td>" + 
        "</tr>"); 
        $(this).dialog("close"); 

      }, 
      Cancel: function() { 
       $(this).dialog("close"); 
      } 
     }, 
     close: function() { 
      allFields.val("").removeClass("ui-state-error"); 
     } 
    }); 

这是我包括我的剧本

<link href="css/learnercss.css" rel="stylesheet" type="text/css" /> 
<link href="jquery-ui-1/css/custom-theme/jquery-ui-1.8.13.custom.css" rel="stylesheet" type="text/css"/> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
<script src="jquery/jquery.cycle.lite.min.js"></script> 
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> 


<script> 

$(document).ready(function() { 

//the jquery... 

}) 
</script> 
+0

听起来像对话没有启动。请分享一些代码。 – Niklas

+0

我重新编辑了原始问题。它真的很奇怪,花了数小时试图弄清楚。 –

回答

0

按钮不会呈现太一个UI按钮,它看起来像Firefox不接受你如何包括您的网页上的JavaScript。这是我包括jQuery和UI在一个页面:

<head> 
    ... 
    <script src="jquery-1.5.1.min.js" type="text/javascript"> 
    <script src="jquery-ui-1.8.13.min.js" type="text/javascript"> 
    ... 
</head> 

你能张贴你如何包括他们,如果它仍然不以这种方式工作?

+0

原始问题已更新,以显示我如何包含它们。 –

+0

和@ Lawrence88:这可能与您的问题没有关系,但最好将它们放在''元素的底部。 [这是为什么。](http://developer.yahoo.com/blogs/ydn/posts/2007/07/high_performanc_5/) – Sparky

+1

@ Lawrence88:好的,这应该工作。正如你猜测的那样,我猜这个错误必须真的存在于JavaScript中。你有没有试过用Firebug在Firefox中访问你的页面?这应该会在控制台中给你一个错误。 –