当我编写 jQuery 插件时，我喜欢以 CSS 方式指定间距选项。我编写了一个函数，它返回一个 CSS 字符串作为对象中的值。
5px 10px 返回顶部：5px，右侧：10px，底部：5px，左侧：10px
现在我经常使用返回的值来做一些计算，每次都必须提取测量单位并不是很好......
我写正则表达式很烂，有人可以帮我完成这个功能：
this.cssMeasure = function(cssString, separateUnits){
if ( cssString ){
var values = {}
}else{
return errorMsg
}
var spacing = cssString.split(' ')
var errorMsg = 'please format your css values correctly dude'
if( spacing[4] ) {
return errorMsg
} else if ( spacing[3] ) {
values = {top: spacing[0], right:spacing[1], bottom:spacing[2], left:spacing[3]}
} else if ( spacing[2] ) {
values = {top: spacing[0], right:spacing[1], bottom:spacing[2], left:spacing[1]}
} else if …我正在触发fancybox打开onclick像这样:
$('.telefonosOtrosPaises').fancybox({
'type' : 'iframe',
'href' : 'http://es.solmelia.com/nMenus/jsp/telefonosOtrosPaises.jsp',
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
/*'easingIn' : 'easeInOutBack',
'easingOut' : 'easeInOutBack', */
/*onComplete : function(){ $('#fancybox-content').css({'height':'380px','width':'570px','background':'white','padding':'20px'})}*/
onComplete : function(){ $('#fancybox-content').css({'width':'630px','background':'white','paddingTop':'15px'})}
});
但是,当我需要它时,我怎样才能在我的js代码中打开它？
我与Middleman合作开发,测试和构建我的HAML&SASS项目.
现在我也想使用require.js.有什么方法可以将R.js构建集成到Middleman构建中吗？
你有任何经验吗？你如何处理中间人的require.js？
我创建了一个覆盖页面上某些元素的悬停的函数.它在正常和悬停效果之间消失.我必须在我的CSS文件中创建一个.hover类.我觉得这有点不干净.我怎么能读到:hover伪类内容？
我需要用javascript构造一个长字符串.多数民众赞成我试图这样做:
var html = '<div style="balbalblaba"> </div>';
for(i = 1; i <= 400; i++){
html+=html;
};
当我在firefox中执行它时,它会花费很长时间或者让它崩溃.最好的方法是什么？通常什么是在JS中构造大字符串的最佳方法.
有人能帮我吗？
我正在研究一个项目的CSS.并遇到IE的一些溢出问题.这是测试地点:
http://eparking.bluesys2.ch/fr/parking/search.html?l=Fribourg&d=27.6.2010&t=
您可以使用列表下的按钮滚动列表.在firefox,safari和所有其他普通浏览器中,一切正常.但在IE中,我无法使其overflow: hidden;工作,它开始让我发疯.列表显示总是显示其全长,现在重要我尝试.任何人都可以给我一个线索吗？
这是列表容器的CSS:
div#listing {
width: 204px; height: 364px; overflow: hidden;
}
这是里面的对象:
div#listing ul li {
position: relative;
padding: 5px;
margin: 0 0 7px;
height: 54px;
background-image: -moz-linear-gradient(top, #f5f5f5, #ddd);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f5f5f5),color-stop(1, #ddd));
border: 1px solid #ddd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 8px #ddd;
-webkit-box-shadow: 0 0 8px #ddd;
box-shadow: 0 0 8px #ddd;
}
如果我将包含带有我的列表的LI的UL设置为100px高度且隐藏溢出的事件.他们出现了.
我有以下代码:
jQuery(document).ready(function() {
jQuery(".toggle").next(".hidden").hide();
jQuery(".toggle").click(function()
{
$('.active').toggleClass('active').next('.hidden').slideToggle(300);
$(this).toggleClass('active').next().slideToggle("fast");
});
});
我有多个<div>,我的想法是当我打开<div>它时切换另一个<div>.然后,当我点击另一个时<div>,它会隐藏打开<div>.因此,一次只能<div>打开一个.
我唯一的问题是,使用此代码,当我尝试关闭<div>已经打开的代码时,它将关闭然后再次打开.因此,人们<div>永远是开放的.
任何帮助将不胜感激,谢谢.
我在下面添加了HTML和CSS.一切都很好,除了我不能得到它所以它们都关闭了.
我把它们中的5个堆叠在一起.
*为清晰起见编辑*
// HTML
<div class="toggle"></div>
<div class="hidden"></div>
// CSS
.toggle {width:398px; height:48px; cursor: pointer;}
.hidden {width:300px; height:75px; background-color:#333333; margin-left:50px; text-indent:25px;}
在回顾不同的操作系统时,我注意到特别是在Chrome和Safari中,Mac书上的文字看起来比在PC上更大胆.难道只有浏览器网络工具包能够解释CSS和HTML,而不是操作系统本身吗？
如果上述情况无效,这是我的锚标签(单词)的CSS:
.homeText .cases {
color: #bcbcbc;
float:left;
font-family:Arial, Helvetica Neue, Sans-Serif;
font-size: 2.65em;
font-weight:bolder;
line-height: 30px;
height:30px;
margin: 0px;
margin-right: -2px;
padding-right: 13px;
position: absolute;
}
var fmt = document.documentElement.clientWidth;
var cls = (fmt<=240)?'pda_ver':(fmt>240&&fmt<=320)?'pda_hor':(fmt>320&&fmt<=640)?'screen_ultralow':(fmt>640&&fmt<=800)?'screen_low':(fmt>800&&fmt<=1024)?'screen_med':(fmt>1024&&fmt<=1280)?'screen_high':'screen_wide';
谁能告诉我这个做什么(只对变量的设定值的一部分.我不明白...是什么?,:有一个角色在这里)？我从来没有见过这样的变量.这是条件变量设置吗？如果是的话它是如何工作的？
我需要根据索引使用选择特定的jquery元素格式:eq()(或者如果你有更好的解决方案,则需要其他东西)
我的html结构如下:
<ul>
<li>slide0</li>
<li>slide1</li>
<li>slide2</li>
<li>slide3</li>
<li>slide4</li>
</ul>
当用户将幻灯片悬停在slide2上时,我需要选择li:eq(0), li:eq(1)并分离li:eq(3), li:eq(4),因为它们具有不同的动画.
这是我的解决方案,但这感觉有点凌乱......
var $slides, theOthers, slidesTotal;
$slides = $('ul > li');
slidesTotal = $slides.length;
theOthers = function(slideIndex ,slidesTotal){
var before = [], after = [], i=0;
while (i<=slideIndex - 1){
before[i] = ":eq(" + i + ")"
i++
};
while (i <= slidesTotal) {
after[i] = ":eq(" + i + ")"
i++
};
return [ before.join(",") , after.join(",") ]
}
$slides.mouseenter(function(){
var groups, …