jQuery对话框主题不显示在facebook下
我又问了一次这个问题，可能是因为我在前面的问题中不清楚 我有一个page.aspx向用户显示对话框，tae page.aspx使用我用jQuery用户界面创建的主题 当我直接（而不是通过facebook）浏览page.aspx时，对话框会显示正确的主题 当我作为facebook应用程序（从facebook的应用程序链接）浏览page.aspx时，显示的对话框没有主题 CSS链接是- 页面代码如下-jQuery对话框主题不显示在facebook下,jquery,facebook,dialog,themes,Jquery,Facebook,Dialog,Themes,我又问了一次这个问题，可能是因为我在前面的问题中不清楚 我有一个page.aspx向用户显示对话框，tae page.aspx使用我用jQuery用户界面创建的主题 当我直接（而不是通过facebook）浏览page.aspx时，对话框会显示正确的主题 当我作为facebook应用程序（从facebook的应用程序链接）浏览page.aspx时，显示的对话框没有主题 CSS链接是- 页面代码如下- <head runat="server"> <title><
<head runat="server">
<title></title>
<link href="https://adiid.com/fb/styles/humanity/jquery-ui-1.10.3.custom.css" rel="stylesheet"
type="text/css" />
<style type="text/css">
*
{
padding: 0;
margin: 0;
}
#ttl
{
/*position: absolute;*/
width: 700px;
top: 0;
left: 0;
background-image: url('../images/ttlback.jpg');
background-repeat: repeat-x;
color: White;
font-size: 24px;
line-height: 34px;
}
#main
{
width: 700px;
height: 800px;
background-color: transparent;
padding: 10px;
font-family: Arial;
font-size: 24px;
overflow: hidden;
}
#whilediv
{
/*position: absolute;*/
top: 0;
left: 0;
width: 700px;
height: 800px;
background-color: Gray;
z-index: 10;
opacity: 0.9;
filter: alpha(opacity=90);
display: none;
}
#leftDIV
{
/*position: absolute;*/
top: 40px;
left: 0;
width: 500px;
height: 100%;
background-color: transparent;
float: left;
}
#rightDIV
{
/*position: absolute;*/
float: left;
width: 200px;
top: 40px;
left: 500px;
height: 100%;
background-image: url('../images/stripback.jpg');
background-repeat: repeat-x;
}
table#maintable
{
margin-top: 20%;
margin-left: 10px;
width: 220px;
font-size: large;
vertical-align: top;
padding: 10px 20px 0px 20px;
}
table#maintable td
{
width: 220px;
font-size: large;
vertical-align: top;
padding: 10px 20px 0px 20px;
}
.round
{
padding: 2px;
}
.style1
{
font-family: Aparajita;
display: inline;
}
img
{
cursor: pointer;
}
#myerr
{
font-size: 16px;
color: Red;
font-weight: bold;
}
input
{
text-transform: uppercase;
}
</style>
<script src="../Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
function locate() {
$("#resDialog").empty();
$("#resDialog").append("Hello from dialog");
$("#resDialog").dialog({
modal: true,
title: "Results found",
//dialogClass: 'er1r',
draggable: false,
position: 'top',
buttons: [
{
text: "Cancel",
click: function () {
$(this).dialog("close");
}
},
{ text: "Ask ",
click: function () {
// $(".ui-dialog-titlebar").show();
}
}
]
});
}
$(function () {
//// // $('.round').corner('5px');
$('#whilediv').bind('ajaxStart', function () {
$(this).show();
}).bind('ajaxStop', function () {
$(this).hide();
});
$('#whilediv').hide();
});
</script>
</head>
<body>
<div id="resDialog" title="Dialog Title" />
<div id="whilediv">
AJAX CALL</div>
<form id="form1" runat="server">
<div id="main">
<div id="ttl">
<asp:Label ID="welcomeLabel1" CssClass="round" runat="server" Text="Label"></asp:Label>
<%--<div class="fb-login-button" data-show-faces="true" data-width="400" data-max-rows="1" >--%>
</div>
<div id="leftDIV">
<table>
<tr>
<td>
<span class="style1">Item ID:</span>
</td>
<td colspan="2">
<input id="Text1" name="Text1" runat="server" style="font-size: 24px" type="text"
maxlength="13" />
</td>
</tr>
<tr>
<td>
<span class="style1">Retype ID:</span>
</td>
<td colspan="2">
<input id="Text2" name="Text2" runat="server" style="font-size: 24px" type="text"
maxlength="13" />
</td>
</tr>
<tr>
<td colspan="2">
<div id="myerr">
</div>
</td>
</tr>
</table>
<table id="maintable" cellpadding="0">
<tr>
<td class="style1">
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
<img alt="" src="../images/locate.jpg" onclick="locate();" />
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
First, type in item ID.<br />
<br />
XXXX
</td>
<td>
First, type in item ID.<br />
<br />
XXXX
</td>
<td>
</td>
</tr>
</table>
</div>
<div id="rightDIV">
Right div
</div>
</div>
</form>
</body>
*
{
填充：0；
保证金：0；
}
#ttl
{
/*位置：绝对位置*/
宽度：700px；
排名：0；
左：0；
背景图像：url（'../images/ttlback.jpg'）；
背景重复：重复-x；
颜色：白色；
字体大小：24px；
线高：34px；
}
#主要
{
宽度：700px；
高度：800px；
背景色：透明；
填充：10px；
字体系列：Arial；
字体大小：24px；
溢出：隐藏；
}
#惠勒迪夫
{
/*位置：绝对位置*/
排名：0；
左：0；
宽度：700px；
高度：800px；
背景颜色：灰色；
z指数：10；
不透明度：0.9；
过滤器：α（不透明度=90）；
显示：无；
}
#左撇子
{
/*位置：绝对位置*/
顶部：40px；
左：0；
宽度：500px；
身高：100%；
背景色：透明；
浮动：左；
}
#右舵
{
/*位置：绝对位置*/
浮动：左；
宽度：200px；
顶部：40px；
左：500px；
身高：100%；
背景图像：url（'../images/stripback.jpg'）；
背景重复：重复-x；
}
表#主表
{
利润率最高：20%；
左边距：10px；
宽度：220px；
字体大小：大号；
垂直对齐：顶部；
填充：10px 20px 0px 20px；
}
表#主表td
{
宽度：220px；
字体大小：大号；
垂直对齐：顶部；
填充：10px 20px 0px 20px；
}
圆形的
{
填充：2px；
}
.style1
{
字体系列：Aparajita；
显示：内联；
}
img
{
光标：指针；
}
#迈尔
{
字体大小：16px；
颜色：红色；
字体大小：粗体；
}
输入
{
文本转换：大写；
}
函数locate（）{
$（“#resDialog”）.empty（）；
$（“#resDialog”）.append（“Hello from dialog”）；
$（“#resDialog”）.dialog({
莫代尔：是的，
标题：“发现的结果”，
//dialogClass:'er1r'，
可拖动：错误，
位置：'顶部'，
按钮：[
{
文本：“取消”，
单击：函数（）{
$（此）.dialog（“关闭”）；
}
},
{文本：“询问”，
单击：函数（）{
//$（“.ui对话框标题栏”）.show（）；
}
}
]
});
}
$（函数（）{
//////$（'round'）。拐角（'5px'）；
$（'#whilediv'）.bind（'ajaxStart'，function（）{
$（this.show（）；
}).bind（'ajaxStop'，函数（）{
$（this.hide（）；
});
$（'whilediv'）.hide（）；
});
AJAX调用
项目ID：
重新键入ID:
首先，输入项目ID。
XXXX
首先，输入项目ID。
XXXX
右分区