firefox中JQueryUI对话框的问题

时间:2011-06-22 14:03:16

标签: jquery jquery-ui cross-browser

大家好我在firefox中渲染jquery对话框时遇到问题。当单击“获取形式”按钮时,表单对话框应该打开/显示。这适用于除Firefox之外的所有其他浏览器,其中对话框内容已经显示为普通表单。

这是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>

1 个答案:

答案 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>

如果它仍然不能以这种方式工作,你能否发布你如何包含它们?