大家好我在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>
答案 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>
如果它仍然不能以这种方式工作,你能否发布你如何包含它们?