我已经了解了图像完全加载后获取图像尺寸的各种方法,但是一旦刚开始加载,是否可以获得任何图像的尺寸？
我没有通过搜索找到太多(这让我相信它不可能),但浏览器(在我的情况下是Firefox)显示我在标题后面的新标签中打开的任何图像的尺寸它刚开始加载图像让我希望实际上有一种方法,我只是错过了正确的关键字来找到它.
我想知道是否有更好的解决方案,而不是我发现的,而不改变html结构
HTML结构如下所示
<div class="wrap">
<div class="divider"></div>
<div class="block"></div>
<div class="block"></div>
<div class="divider"></div>
</div>
所以在同一级别上有各种各样的DIV,我想做的是以不同方式为每四个块着色,直到出现分隔符,然后它必须重新计算.
我认为类似的东西.block:nth-child(4n)可以做到这一点,但它实际上是根据父级计算元素,而不是基于类.
这是试试的JSFiddle.每行的#4和#8块应该是不同颜色的 http://jsfiddle.net/SKgdH/3/
这就是我的工作方式:http: //jsfiddle.net/SKgdH/1/
我做的是像这样寻找.divider的第四个兄弟 .divider + .block + .block + .block + .block
但是,它必须为第8,12,16,...块编写相同的内容,这不再使其自动化.
有什么像.divider + .block:nth-sibling(4)或.divider + .block:nth-of-class(4)？
也许你们其中一个人知道如何在不改变源代码或使用javascript的情况下解决这个问题.
现在我设法从数据库中获取值,我想指定更多我想要传递的内容.
从对下面的事件函数作出反应的选择框中,我想读出一个值(记录的uid)并将其传递给我的ajaxAction:
var uid;
$('#mySelectBox').change(function() {
arguments = $(this).attr('value');
var uri = '<f:uri.action arguments="{uid: '+uid+'}" action="ajax" controller="Mycontroller1" pageType="89657201" />';
jQuery.getJSON(uri, function(result) {
// do something
});
});
我用参数试了一下,不知道这是不是正确的方法.另外,正如Marcus Biesioroff建议的那样,我应该将我的JS保存到一个单独的文件中,但是我必须自己编写uri而不是Fluid方式,对吧？
我的ajaxAction看起来像这样:
public function ajaxAction($uid) {
$dataFromRepo = $this->myRepository->findByUid($uid);
$resultArray = array(
"field1" => $dataFromRepo->getField1(),
"field2" => $dataFromRepo->getField2(),
"field3" => $dataFromRepo->getField3(),
"field4" => $dataFromRepo->getField4(),
);
return json_encode($resultArray);
}
我确信uid没有正确传递,其他一切都有效.
我遇到的问题是我得到了一些可变数量的子元素.我的:最后一个孩子:只有至少3个孩子时才应用第一胎规则
我试过:only-child,可以覆盖:last-和:first-child只有1个孩子,但是当我有2个孩子时,我有一个问题.是否存在某种选择器,只有当孩子多于n时才适用？
我遇到了一个我无法解决的严重问题..
我用jQuery插件easyAccordion.js创建了一个accordion元素.当我在Firefox中开发并查看它时,它运行良好 - 直到我在Chrome中打开它.在那里你可以看到旋转的文本不清楚并且肯定是模糊的,即使它与顶部未旋转的文本具有相同的格式.适用于Safari.
我创建了一个jsfiddle,可以重新创建我的问题(在Chrome或Safari中查看)
.
..
http://jsfiddle.net/SfKKv/427/
..
.
这就是我用来旋转文本的内容:
-webkit-transform: rotate(-90deg); /* Chrome, Safari 3.1+ */
-moz-transform: rotate(-90deg); /* Firefox 3.5-15 */
-ms-transform: rotate(-90deg); /* IE 9 */
-o-transform: rotate(-90deg); /* Opera 10.50-12.00 */
transform: rotate(-90deg);
JSFiddle并没有完全在Firefox中运行,但这并不重要,我在它创建它的网站上工作,但即使是在FIrefox中破坏的Fiddle也显示它可以更好地显示旋转的文本.
我已经找到了一些关于字体平滑和一些3d参数的提示,但似乎没有一个对我有用.
任何人都可以帮我解决这个问题吗？
我正在从这个名为的伪元素中获得头痛:first-letter.它似乎非常有用,但最终并没有按照我的预期运作.
这是关于jsfiddle的一个例子,我如何尝试以及它应该如何:
FIDDLE在这里
如你所见,:first-letter什么都不做.我希望它覆盖正常的链接设置和:hover选择器.
什么可能出错？任何其他想法如何只用CSS实现这一点？