Javascript 有没有什么原因使东西不会显示在jQueryUI下？
我有一个单页应用程序，当人们单击左侧的jQuery UI时，它将显示某些信息。如果我在CSS中为一个页面设置了一个初始的“display:none”或调用jQuery（selector）.hide（），那么在该点之后它似乎不可显示，至少不使用jQuery（selector）.show（）。调试语句确认它使用的选择器实际上是预期的选择器，但没有显示任何内容 我在做什么来抵消jQuery显示（）DIV的能力 蒂亚Javascript 有没有什么原因使东西不会显示在jQueryUI下？,javascript,jquery,css,jquery-ui,jquery-selectors,Javascript,Jquery,Css,Jquery Ui,Jquery Selectors,我有一个单页应用程序，当人们单击左侧的jQuery UI时，它将显示某些信息。如果我在CSS中为一个页面设置了一个初始的“display:none”或调用jQuery（selector）.hide（），那么在该点之后它似乎不可显示，至少不使用jQuery（selector）.show（）。调试语句确认它使用的选择器实际上是预期的选择器，但没有显示任何内容 我在做什么来抵消jQuery显示（）DIV的能力 蒂亚 匿名的 var代理； var电流_程序； var=Object（）； 允许的['An
匿名的
var代理；
var电流_程序；
var=Object（）；
允许的['Anonymous1.User1']=['Program1']；
允许的['Anonymous1.User2']=['Program1']；
允许的['Anonymous1.User3']=['Program1'，'Program3']；
允许的['Anonymous1.User4']=['Program1'、'Program2'，
"计划3";；
允许的['Anonymous2']=['Program1']；
允许的['Anonymous3']=['Program1']；
允许的['Anonymous4']=['Program1'，'Program3'，'Program2']；
允许的['Anonymous6']=['Program1'、'Program2'、'Program3'，
“报告5”]；
允许的['Anonymous5.Anonymous5r']=['Program1'，'Program2']；
允许的['Anonymous5.User4']=['Program1'、'Program2'，
"计划3";；
jQuery（函数（）{
//手风琴
jQuery（'#accordion'）.accordion（{header:'h3'}）；
jQuery（'.page'）.hide（）；
jQuery（'.login'）。单击（函数（事件对象）
{
当前_程序=事件_object.target.id；
当前_程序=当前_程序。替换（'-'，''）；
jQuery（“#登录表单”）.show（）；
jQuery（'#登录表单h3'）.html（当前#u程序）；
});
jQuery（“#登录按钮”）。单击（函数（事件对象）
{
jQuery（“#登录表单”）.hide（）；
agency=jQuery（'#登录表单h3'）.html（）；
var key=null；
if（jQuery.inArray（代理，允许））
{
密钥=代理；
}
else if（jQuery.inArray（agency+）。'+
jQuery（“#登录名”）.val（））
{
key=agency+'.'+jQuery（'#登录名'）.val（）；
}
如果（关键）
{
var user_permissions=允许的[密钥]；
if（user_permissions.length==1）
{
加载页面（用户权限[0]）；
}
其他的
{
加载空白权限页面（）；
对于（var指数=0；指数<
用户_permissions.length；++索引）
{
显示链接（用户权限[索引]）；
}
}
}
返回false；
});
});
功能显示链接（向下展开）
{
var html_id=drilldown.replace（''，-'）；
jQuery（'#'+html_id）.show（）；
}
函数加载\空白\权限\页面（）
{
jQuery（'#links page span'）.hide（）；
jQuery（“#链接第h3页”）.html（代理+”选项“）；
jQuery（'#links page'）.css（'display'，'block'）；
jQuery（“#链接页”）.show（）；
}
功能加载页面（向下展开）
{
var html_id=drilldown.replace（''，-'）；
jQuery（'.page'）.hide（）；
jQuery（'#'+html_id）.show（）；
}
正文{字体系列：'Verdana'，无衬线；边距：50px；}
提琴
{
浮动：左；
位置：绝对位置；
宽度：18%；
}
第页
{
左缘：20%；
}
匿名的
菲塞勒斯·马蒂斯·丁西登·尼布。
南对岸，拍卖人a，贵人奎斯。
登录
用户名
密码
登录
选择权
方案1
方案1
方案2
方案3
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
<title>Anonymous</title>
<link type='text/css' href='css/ui-lightness/jquery-ui-1.8.21.custom.css' rel='stylesheet' />
<script type='text/javascript' src='js/jquery-1.7.2.min.js'></script>
<script type='text/javascript' src='js/jquery-ui-1.8.21.custom.min.js'></script>
<script type='text/javascript'>
var agency;
var current_program;
var permitted = Object();
permitted['Anonymous1.User1'] = ['Program1'];
permitted['Anonymous1.User2'] = ['Program1'];
permitted['Anonymous1.User3'] = ['Program1', 'Program3'];
permitted['Anonymous1.User4'] = ['Program1', 'Program2',
'Program3'];
permitted['Anonymous2'] = ['Program1'];
permitted['Anonymous3'] = ['Program1'];
permitted['Anonymous4'] = ['Program1', 'Program3', 'Program2'];
permitted['Anonymous6'] = ['Program1', 'Program2', 'Program3',
'Report5'];
permitted['Anonymous5.Anonymous5r'] = ['Program1', 'Program2'];
permitted['Anonymous5.User4'] = ['Program1', 'Program2',
'Program3'];
jQuery(function(){
// Accordion
jQuery('#accordion').accordion({ header: 'h3' });
jQuery('.page').hide();
jQuery('.login').click(function(event_object)
{
current_program = event_object.target.id;
current_program = current_program.replace('-', ' ');
jQuery('#login-form').show();
jQuery('#login-form h3').html(current_program);
});
jQuery('#login-button').click(function(event_object)
{
jQuery('#login-form').hide();
agency = jQuery('#login-form h3').html();
var key = null;
if (jQuery.inArray(agency, permitted))
{
key = agency;
}
else if (jQuery.inArray(agency + '.' +
jQuery('#login-name').val()))
{
key = agency + '.' + jQuery('#login-name').val();
}
if (key)
{
var user_permissions = permitted[key];
if (user_permissions.length == 1)
{
load_page(user_permissions[0]);
}
else
{
load_blank_permissions_page();
for (var index = 0; index <
user_permissions.length; ++index)
{
display_link(user_permissions[index]);
}
}
}
return false;
});
});
function display_link(drilldown)
{
var html_id = drilldown.replace(' ', '-');
jQuery('#' + html_id).show();
}
function load_blank_permissions_page()
{
jQuery('#links-page span').hide();
jQuery('#links-page h3').html(agency + ' Options');
jQuery('#links-page').css('display', 'block');
jQuery('#links-page').show();
}
function load_page(drilldown)
{
var html_id = drilldown.replace(' ', '-');
jQuery('.page').hide();
jQuery('#' + html_id).show();
}
</script>
<style type='text/css'>
body{ font-family: 'Verdana', sans-serif; margin: 50px;}
div#accordion
{
float: left;
position: absolute;
width: 18%;
}
div.page
{
margin-left: 20%;
}
</style>
</head>
<body>
<h1>Anonymous</h1>
<div id='accordion'>
<div>
<h3><a href='#'>Demo</a></h3>
<p>
<a class='login' id='Anonymous2' href='#'>Anonymous2</a><br />
<a class='login' id='Anonymous1' href='#'>Anonymous1</a><br />
<a class='login' id='Anonymous3' href='#'>Anonymous3</a><br />
<a class='login' id='Anonymous4' href='#'>Anonymous4</a><br />
<a class='login' id='Anonymous5' href='#'>Anonymous5</a><br />
</p>
</div>
<div>
<h3><a href='#'>Use Cases</a></h3>
<div>Phasellus mattis tincidunt nibh.</div>
</div>
<div>
<h3><a href='#'>Third</a></h3>
<div>Nam dui erat, auctor a, dignissim quis.</div>
</div>
</div>
</div>
<div class='page' id='login-form'>
<h3>Log in</h3>
<p><input id='login-name' type='text'> Username<br />
<input id='password' type='password'> Password<br />
<button id='login-button'>Log in</button></p>
</div>
<div class='page' id='links-page'>
<h3>Options</h3>
<p>
<span id='Program1'><a href='#'
id='Program1-link'>Report1</a><br /></span>
<span id='Report5'><a href='#'
id='Report5-link'>Report5</a><br /></span>
<span id='Program2'><a href='#'
id='Program2-link'>Report2</a><br /></span>
<span id='Program3'><a href='#'
id='Program3-link'>Report3</a><br />
</span>
</p>
</div>
<div class='page' id='Program4'>
<h3>Program1</h3>
<p>...</p>
</div>
<div class='page' id='Program1'>
<h3>Program1</h3>
<p>...</p>
</div>
<div class='page' id='Program2'>
<h3>Program2</h3>
<p>...</p>
</div>
<div class='page' id='Program3'>
<h3>Program3</h3>
<p>...</p>
</div>
</body>
</html>