小编CWS*_*ear的帖子
在AngularJS指令中转换属性
我正在创建一个选择替换指令,以便根据设计轻松选择样式,而不必总是对一堆标记(即指令为您做到!).
我没有意识到属性不会转移到你放置的位置ng-transclude,只是转到根元素.
我在这里有一个例子:http://plnkr.co/edit/OLLntqMzbGCJS7g7h1j4？p = preview
你可以看到它看起来很棒......但是有一个主要的缺陷.将id和name属性不被转移.其中,你知道,没有name,它没有发布到服务器(这种形式绑定到现有系统,所以AJAXing模型不是一个选项).
例如,这是我开始的:
<select class="my-select irrelevant-class" name="reason" id="reason" data-anything="banana">
<option value="">Reason for Contact...</option>
<option>Banana</option>
<option>Pizza</option>
<option>The good stuff</option>
<option>This is an example of a really, really, really, really, really, really long option item</option>
</select>
......这就是我想要的样子:
<div class="faux-select" ng-class="{ placeholder: default == viewVal, focus: obj.focus }">
<span class="faux-value">{{viewVal}}</span>
<span class="icon-arrow-down"></span>
<select ng-model="val" ng-focus="obj.focus = true" ng-blur="obj.focus = false" ng-transclude class="my-select irrelevant-class" name="reason" id="reason" data-anything="banana"> …推荐指数
解决办法
查看次数
在 Mac OS X 上通过模式将地址重定向到本地主机
我什至不是 100% 确定如何问这个问题。答案可能就在那里，但我找不到。
所以我已经为我的 Mac 设置了虚拟主机，并且我在我的计算机上本地完成了我的所有开发。我的vhost文件夹中有一个文件Sites夹，我有一个文件夹列表，例如：
recipes.cam
database.cam
sandbox.cam
codeigniter.cam
在我的/etc/hosts文件中，每个条目都有一个条目：
# vhosts
127.0.0.1 recipes.cam
127.0.0.1 database.cam
127.0.0.1 sandbox.cam
127.0.0.1 codeigniter.cam
# ...
这很好用。当我在浏览器中访问http://recipes.cam时，它会显示~/Sites/vhosts/recipes.cam.
所以这是我的问题：有没有办法让任何.cam以重定向到本地主机的地址结束？所以我不必hosts每次添加新目录时都创建一个新条目（这种情况经常发生）。
我127.0.0.1 *.cam在我的hosts文件中尝试过，但没有用：-/
推荐指数
解决办法
查看次数
某些HTML角色实体仅在Firefox中很大
出于某种原因,在我的Mac OS X的Firefox 12.0中,我的⟩(⟩)字符比它们应该大得多.在Chrome和Safari上,它们看起来就像我想要的那样.
我有AddDefaultCharset utf-8我的.htaccess,以及<meta charset="utf-8">在我<head>(作为组我提供这些文件,不得使用我的.htaccess).
此外,根据Adobe的浏览器实验室,IE 7和8只显示一个方框...有没有人可以让这些浏览器支持该角色？这将使事情变得更容易(因为颜色将会发生变化,因此图像非常不方便,图像也不会褪色).
演示:http://cameronspear.com/demos/rang/
这是我在Chrome中看到的并期望看到:
这是我的Firefox显示的内容:
这是来自IE8浏览器实验室的截图:
TL; DR:我希望所有这些截图看起来像是第一个使用⟩又名⟩字符的截图.使用JavaScript甚至可以接受.
谢谢.
[编辑]我应该指出,我没有那么重要我有这个⟩角色,因为我能够用CSS改变它的颜色并让它在多个浏览器中看起来一样.
解
我只想分享我为后人所做的事情.
感谢Pointy的提示和资源,我使用" 如何制作自己的webfont图标 "中描述的模板和方法,使用Inkscape创建了自己的SVG.我将一个大角度支架映射到一个小角度支架.Xx
我碰到的一件事是,我的角度需要触及基线,只有72%的路径到达顶部以适合"内联",所以大写X是我原来的太高了,小写x是更内联的一个.
然后,我将我的SVG到TTF与http://www.freefontconverter.com/并转换为web字体与http://www.fontsquirrel.com/fontface/generator
......就是这样.
演示(http://cameronspear.com/demos/rang/)仍在使用.您可以看到它在所有浏览器中看起来都是一致的,并且onclick旋转动画已经接近该点等.
[更新]我找到了一个名为IcoMoon的优秀资源,它有助于为网络制作字体和组织字体,并且它接受常规的svg向量,因此你可以在Illustrator中制作它,而不是乱用Inkscape,因为IcoMoon处理键盘映射和东西.您只能导出您使用的图标,因此您只需加载3或4个图标(如果这是您需要的全部字体).
它已成为宝贵的资源,我建议其他想进入Icon Fonts的人查看它.您可以从CSS-Trick的第113次截屏视频中了解有关整个过程的更多信息.
推荐指数
解决办法
查看次数
iOS中元素的奇怪重叠(PhoneGap)
我正在开发iOS/PhoneGap项目.我在iOS中有一个奇怪的重叠问题(来自iPad的截图):
"选择状态"弹出窗口是position: absolute, z-index: 35.网站链接没有指定位置(so static),也没有指定z-index.
无论地址链接是没有链接的随机文本,还是链接(捕获),它都会发生.
这就是它在Chrome中的样子(正如预期的那样)(在视网膜Mac上拍摄,所以它很大):
我试着在iPad上的Safari控制台整天调整z索引,但没有效果.它似乎不是一个"简单"的z-index问题.所以请不要只说"调整z-index".
[编辑]具体来说,我已经尝试设置z-indexpopover 5000和web地址-10(给它几个不同的positions),我检查了两个元素的每个祖先,以确保它们都没有z-indexes(他们没有"T).我甚至试过给一些popover positions和z-indexes 的祖先.没有任何改变.(又恐怕是长大了,我也尝试改变colorS和东西,只是为了确保我的变化都能够进入页面.)
谢谢.
推荐指数
解决办法
查看次数
非空数组的.length为0
我有这个功能似乎正在做它应该做的事情:
var getData = function(query)
{
var data = [];
db.transaction(function(tx) {
tx.executeSql(query, [], function (tx, results) {
var len = results.rows.length, i;
for (i = 0; i < len; i++) {
data.push(results.rows.item(i));
}
}, error);
});
return data;
}
当我这样做时console.log(data),它会显示一组包含正确数据的对象,您可以在Chrome控制台的示例中看到:
但是,data.length为0,因此无法进行迭代.我试过了
for(var i = 0; i < data.length; i++) {
$('.regions').append(data[i].region + '<br>');
};
这是不好的,因为data.length是0.我试过了
for(var key in data) {
$('.regions').append(data[key].region + '<br>');
};
哪个不起作用,大概是出于同样的原因.我甚至尝试过$.each()jQuery,但没有任何东西进入循环.我console.log(data)在这些循环之前做了一个权利来仔细检查它仍然有我想要的数据.我用手动手动重建数据
data = [
{
available: "1",
company_id: 1, …推荐指数
解决办法
查看次数