小编Han*_*com的帖子

我刚刚发现拉斐尔,并且喜欢它,但我不是一个javascript-er.现在我有三个重复的代码段在三个不同的div中绘制相同的圆圈.在Raphael中制作画布的默认设置通过ID找到一个元素,但我希望有一组变量可以在所有div中使用"circle"类绘制圆圈.我认为必须有一种更有效的编码方式.这是我现在使用的代码:

window.onload = function () {
    var paper = Raphael("c1", 26, 26); /* Make canvas 26*26px in div id "c1" */
    var circle = paper.circle(13, 13, 10.5); /* Draw circle at the center of the canvas with radius 10.5  */
    circle.attr("stroke", "#f1f1f1");
    circle.attr("stroke-width", 2);
    var text = paper.text(13, 13, "1"); /* Print text "1" inside the circle  */
    text.attr({'font-size': 15, 'font-family': 'FranklinGothicFSCondensed-1, FranklinGothicFSCondensed-2'});
    text.attr("fill", "#f1f1f1");

    var paper2 = Raphael("c2", 26, 26);
    var circle2 = paper2.circle(13, 13, 10.5);
    circle2.attr("stroke", "#f1f1f1");
    circle2.attr("stroke-width", …

在IE8中,我有一个100%宽度+高度固定位置div #photo-upload,具有透明背景,覆盖整个页面.我有一个click的click()函数,但在IE8中,点击不会触发.将背景设置为纯色可以解决问题.

有没有人有这个bug的经验或有一个解决方法？

        $('#photo-upload').click(function(){
            $('#photo-upload').removeClass('show');
        });

我有以下几次使用的循环:

    for(var i = 0; i < $options.length; i++) { //...

每次我想要使用该循环时,我不想重复使用该代码,而是将其转换为函数.

我尝试了以下但是得到一个错误"我是未定义的"

function optionLoop( $options, callback) {
    for(var i = 0; i < $options.length; i++) {
        callback();
    }
}

用法:

    optionLoop($options, function(){
         // Do it
    });

但这不起作用.如何将循环转换为可重用的函数,我可以将其传递给另一个函数？还有一个问题......我是不是因为想要这样做而疯狂？

谢谢!

我正在使用jQuery来获取CSS转换属性：

this.$slider.css('transform')

返回以下内容：

translate(100px, 0px)

如何使用JavaScript或jQuery将数字100用作变量？

在我的backbone.js应用程序中,我试图在追加它之后淡入视图元素.但它不起作用.

这里的实例:http://metropolis.pagodabox.com

    var itemRender = view.render().el;

    $('#items-list').append(itemRender);
    $(itemRender).addClass('show'); 

但是,如果我添加一个小的setTimeout函数,它的工作原理.

    var itemRender = view.render().el;

    $('#items-list').append(itemRender);

    setTimeout(function(){
        $(itemRender).addClass('show'); 
    },10);

使用fadeIn()也可以,但我更喜欢使用直接CSS进行转换,因为它更有效,并且不想使用任何setTimeout"hacks"来强制它工作.我可以使用附加回调吗？还是有什么建议？完整代码如下:

itemRender: function (item) {
    var view = new app.ItemView({ model: item }),
        itemName = item.get('name'),
        itemRender = view.render().el;

    $('#items-list').append(itemRender);
    $(itemRender).addClass('show');

    app.itemExists(itemName);
}

CSS /减:

#items-list li {
    padding: 0 10px;
    margin: 0 10px 10px;
    border: 1px solid @black;
    .border-radius(10px);
    position: relative;
    .opacity(0);
    .transition(opacity)
}

#items-list li.show {.opacity(1)}

如果我有以下内容:

div {background: #000}

@media (min-width: 1000px) {
     div {background: url(myimage.jpg)}
}

例如,320px宽的智能手机是否仍会下载该背景图像？

谢谢!

我试图将wordpress标题缩短为第一个单词.对于名为"John Doe"的页面,我想在页面的某处显示一个"关于约翰"的子标题,所以我想从标题中获取第一个单词.

有没有办法用PHP做到这一点？

谢谢!

更新:
谢谢你的回答!我尝试了以下代码但它似乎没有工作.它仍然与完整的标题相呼应.有什么建议？

<?php   
   $title = the_title();
   $names = explode(' ', $title);
   echo $names[0];
?>

使用媒体查询构建百分比宽度网站的一个非常好的功能是,当您放大时,该网站将始终是视口的100%,即使在缩放时也会尊重媒体查询.

有关完整的CSS文件,请参阅http://pastebin.com/ige96Czv(它实际上是.less文件)

和https://s140452.gridserver.com/locations/

对于测试站点.

我在上面描述的缩放效果在Firefox和Safari中效果很好,但在Chrome上,媒体查询不会在缩放时注册.

有谁知道为什么？这是Chrome错误,还是我的代码有问题？

https://friends-with-you.myshopify.com/

我正在努力开发我的第一个shopify主题.我正在尝试加载托管在另一台服务器上的样式表,但CSS没有加载.如果我将CSS直接复制并粘贴到shopify主题的文件中,它就可以了.

 <link type="text/css" rel="stylesheet" href="http://fwy.pagodabox.com/magic/themes/fwy/fwy.css" />

我在上面的URL上做错了什么,为什么不加载css？

谢谢!

场景:

我有1000个帖子有"未分类"类别,我想从所有帖子中删除"未分类",并为这些帖子设置不同的类别.

换句话说 - 将所有未分类的帖子转移到另一个类别,一举一动.

我是否可以批量执行此操作而无需单独浏览每个帖子？