小编dra*_*yre的帖子
列表项中间垂直对齐
我有以下HTML和CSS创建列表,其中列表项具有最小高度设置.如果没有足够的内容来填充整个高度,我希望列表项的内容在中间而不是顶部垂直对齐.怎么回事呢？
<html>
<head>
<style type="text/css">
ul {
width : 300px;
list-style-type: none;
}
li {
min-height : 45px;
vertical-align : middle;
border-bottom : 1px black solid;
}
</style>
<head>
<body>
<ul>
<li>Testing testing 1234</li>
<li>Testing testing 1234 Testing testing 1234</li>
<li>Testing testing 1234 Testing testing 1234 Testing testing 1234</li>
<li>Testing testing 1234 Testing testing 1234 Testing testing 1234 Testing testing 1234</li>
<li>Testing testing 1234 Testing testing 1234 Testing testing 1234 Testing testing 1234 Testing testing 1234</li>
</ul>
</body>
这给了我以下内容:
推荐指数
解决办法
查看次数
jQuery Validate的占位符问题
我今天注意到,当与占位符文本一起使用时,我们遇到了jquery Validate的问题.
例:
<div class="sort left">
<label for="username" class="inlineelement">Username</label>
<input id="registername" type="text" placeholder="your name" autocomplete="off" class="required"></input>
我注意到,如果我们使用jquery Validate验证我们的表单(http://docs.jquery.com/Plugins/Validation/Methods)
有没有解决这个问题,或者应该回到我们的表单字段中重点html(占位符文本)？
推荐指数
解决办法
查看次数
使SortedList只读
我经常将列表暴露为ReadOnlyCollection<T>s,即
public class Class
{
List<string> list;
public ReadOnlyCollection<string> TheList
{
get { return list.AsReadOnly(); }
}
}
什么是一个做到这一点的最好办法IDictionary<T,U>,如SortedList<string, string>？
推荐指数
解决办法
查看次数
Fancybox导致IE加载速度慢？
我正在使用Fancybox v.1.3.4在此页面上的iframe中显示视频.Fancybox和视频显示正常,但问题是,自从添加代码后,我在IE7/8中加载网站时遇到了一个巨大的停顿,类似于此问题 - 页面加载,然后UI冻结好的4-5秒,阻止我点击链接,滚动或其他任何东西.这是我在页面顶部链接的内容<head>.包含jQuery UI包(包括UI 1.8.11,UI小部件,UI鼠标,UI位置和带有缩放的UI效果)主要用于启用尚未加载到网站上但尚未加载的其他效果.
<script type="text/javascript" src="/lib/jquery/jquery-latest.min.js"></script>
<script type="text/javascript" src="/lib/jquery/jquery-ui.custom.min.js"></script>
<script type="text/javascript" src="/lib/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="/lib/fancybox/jquery.fancybox-1.3.4.css" />
我在页面上使用了YSlow,建议将脚本调用移到底部,但这并没有解决IE中的暂停问题.然后我在使用IE8的开发人员工具加载期间查看了HTML DOM,并且当加载Fancybox的代码时,似乎发生了暂停; 在暂停后立即,以下div显示在树的底部:
<div id="fancybox-tmp"/>
<div id="fancybox-loading" (jQuery attribute here)>
...
</div>
<div id="fancybox-overlay"/>
<div class="fancybox-ie" id="fancybox-wrap">
...
</div>
这个,以及在我将fancybox添加到页面后出现问题的事实,这就是为什么我认为这是Fancybox的性能问题,但到目前为止我没有尝试过(没有关闭fancybox代码)似乎有产生了影响.我尝试过的最新事情是删除对jQuery.ready()的引用,以防它可能帮助它更早地加载fancybox代码并因此改变暂停的时间,但它没有做太多好处.不是我真的期望它,但我对jQuery和Fancybox有点新意,此时我正在抓住稻草.
我现在想的是,它可能是Fancybox与页面上其他一个脚本之间的冲突,例如谷歌分析,但我不确定如何判断是否是这种情况,或者如果该怎么做最终成为它.那些了解这些脚本的人的想法是什么？提前致谢.
推荐指数
解决办法
查看次数
jQuery UI sortable返回ul,但我真正想要的是两个li
我正在使用jQuery UI可排序以允许用户随机播放列表,但stop事件返回整个列表.
所以我处理:
$(this).children('li').each(function(index) {
但我真正想要做的只是处理受影响的范围.我想我需要的是:被拖动的列表项,以及它之前(或之后,方便)放置的列表项.这样我就可以更新受影响的列表中的范围,而不必更新整个列表.
也许我应该继续为每个列表项添加一个data-Counter属性,看看它们是否与索引不同.
推荐指数
解决办法
查看次数
标签 统计
jquery ×2
c# ×1
css ×1
dictionary ×1
fancybox ×1
html ×1
jquery-ui ×1
load-time ×1
sortedlist ×1