小编roc*_*est的帖子

得到jquery` $(this)`id

如何获取id触发jQuery .change()函数的元素?函数本身可以正常工作,但我需要一个特定的操作选择器id="next".

$("select").change(function() {
    [...snip....]
    alert( $(this).attr('id') );  // <---- not working
}
Run Code Online (Sandbox Code Playgroud)

任何想法为什么上面的警报不起作用?

html javascript jquery

30
推荐指数
2
解决办法
11万
查看次数

jQuery .css()函数没有返回预期值

好吧,我已经搜索了jQuery文档(需要有人致力于维护),我搜索了SO,并且我搜索了Google.我找不到这个问题的答案.


用言语

在过去,我记得jQuery的工作方式如下:

$('#myObj').width()返回计算出的宽度#myObj.
$('#myObj').css('width')返回输入CSS样式表时的宽度.

现在,无论我使用哪种方法,我使用的任何jQuery包都返回完全相同的数字.

$('#myObj').width()返回计算出的宽度#myObj为整数(float?).
$('#myObj').css('width')返回结束时计算出#myObj的字符串宽度px.


在伪代码中

#myobject{
    width: 14em;
    height: 14em;
}

<div id="myobject">Has Text</div>

<script type="text/javascript">
    $( '#myobject' ).click(function(){
        alert($(this).css('width') + "\n" + $(this).width());
    });
</script>

//Always alerts "224px [newline] 224"
//Expected to alert "14em [newline] 224"
Run Code Online (Sandbox Code Playgroud)

这些基于像素的返回值几乎完全无用,因为我需要根据CSS中的实际内容进行计算.例如,我想对left元素的位置进行数学运算,但我不能因为它不断返回像素值,这在em基于设计的设计中毫无价值.

有没有办法从jQuery中的CSS中获取实际值?
这是一个jQuery错误,还是我错过了什么?

这是一个jsfiddle:http://jsfiddle.net/yAnFL/1/.


解析度

显然,这是预期的结果.
我决定使用这个插件为我做转换.
在jQuery设计中,取消对CSS的控制似乎是一个糟糕的选择.

javascript css jquery

13
推荐指数
1
解决办法
3342
查看次数

tweepy文档

我刚开始使用tweepy开发一个小应用程序.

对于tweepy有什么有用的(和完整的)文档吗?

我用谷歌搜索,但没有找到任何东西.

python twitter tweepy

12
推荐指数
2
解决办法
5523
查看次数

为流体布局强制实施"最小边距"

我正在尝试构建一个在相当高分辨率下工作效果最好的网站,但在分辨率降低时尽可能向左滑动.

我甚至不确定要在这里复制什么代码,所以链接是:

projects.thomasrandolph.info

我需要的是左侧#page停止向左侧滑动#logo加上几个像素.它13.25em位于页面左侧.

我将左边距设置#page13.25em,看起来是正确的,但是在更高的分辨率下,页面看起来很奇怪,因为它没有居中.我想保持居中,但也要阻止它在某一点滑动.

所以我希望左侧不要远离这个:

左对齐

我绝对会更喜欢如果我可以在我在这里注意到的两个元素上用纯CSS做到这一点,但我可以根据需要添加HTML.

我一直在努力解决这个问题,所以请问我问题,或者编辑这个问题以提高问题的清晰度.

更新:

以下是目前两种分辨率的图像:

1920

1920年res

1280

1280 res

这是一个关于它应该如何看待大约以下分辨率的图像1540:

最小左边距

任何高于〜的分辨率1540都会平滑地向右滑动,就像现在一样.

html css layout fluid-layout

8
推荐指数
2
解决办法
3万
查看次数

如何在没有工具栏的情况下创建Quill编辑器?

我想使用Quill但不显示编辑器工具栏(或"bubble"替代品).我基本上喜欢用Quill/Parchment支持它的文本区域.

但是,每当我创建一个新的Quill元素时,我总是得到工具栏,即使我没有要求它.此外,删除工具栏会导致JavaScript错误,从而破坏页面上运行的任何其他内容.

默认值:

var config = {
  "theme": "snow"
};

var quill = new Quill( ".editor", config );
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdn.quilljs.com/1.0.3/quill.js"></script>
<link href="https://cdn.quilljs.com/1.0.3/quill.snow.css" rel="stylesheet"/>

<div class="editor"></div>
Run Code Online (Sandbox Code Playgroud)

将模块设置为空对象是相同的(我相信这是默认值):

var config = {
  "theme": "snow",
  "modules": {}
};

var quill = new Quill( ".editor", config );
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdn.quilljs.com/1.0.3/quill.js"></script>
<link href="https://cdn.quilljs.com/1.0.3/quill.snow.css" rel="stylesheet"/>

<div class="editor"></div>
Run Code Online (Sandbox Code Playgroud)

将工具栏模块设置为falsenull导致JavaScript错误:

var config = {
  "theme": "snow",
  "modules": {
      "toolbar": false
  }
};

var quill = new Quill( ".editor", config );
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdn.quilljs.com/1.0.3/quill.js"></script>
<link href="https://cdn.quilljs.com/1.0.3/quill.snow.css" rel="stylesheet"/> …
Run Code Online (Sandbox Code Playgroud)

javascript quill

8
推荐指数
2
解决办法
8760
查看次数

PHP&GD - 透明背景充满了附近的颜色

我知道PHP + GD透明度问题已经在这个和许多其他网站上被打死,但我已经遵循了所有的建议,我似乎无法解决我的问题.

一,解释:

我试图将一个图像叠加在另一个图像的顶部.他们都有透明的区域.作为一个我认识的演示应该看起来特别的方式,我试图在我创建的蓝色箭头形状上叠加一个复选标记.

以下是两张图片:

复选标记

蓝色箭头

现在到我的代码:

我正在使用我构建的库/ API来避免使用PHP + GD编辑图像时的痛苦.它还处于初期阶段,但相关的文件是:

基类
主加载器
(命名不佳)组合类

我正在使用以下脚本运行代码:

<?php
    require_once('Image.php');

    header("Content-Type: image/png");

    $img = new Image();
    $over = new Image();

    $img->source = "arrow.png";
    $over->source = "chk-done_24.png";

    $img->Combine->Overlay($over, 20, 20, 0, 0, $over->width, $over->height);
    $img->output();
    $img->clean();
    unset($img);
?>
Run Code Online (Sandbox Code Playgroud)

我希望输出是这样的:

组合图像

但相反,我得到了这个:

方底

如果填充区域是白色或黑色,我完全理解这个问题,但填充蓝色对我来说没有任何意义.

在上面链接的组合类I中,我还尝试了imagecopy,imagecopyresampled和vanilla imagecopymerge,两者都有类似的结果.

我完全失去了.

编辑:

要清楚,我的问题是:我的代码的哪一部分不正确?为什么用透明区域(而不是黑色或白色)填充透明区域?如何在保持透明合并图像的同时修复它?

更新:

请注意,当创建一个新的Image对象时,它会调用newImage包含以下代码的对象:

$this->handle = imagecreatetruecolor($this->width, $this->height);
imagealphablending($this->handle, false);
imagesavealpha($this->handle, true);
Run Code Online (Sandbox Code Playgroud)

我觉得这很容易错过.

php transparency gd image-processing

6
推荐指数
1
解决办法
2769
查看次数

font-family规则被忽略

我正在为某人更新网站,我正试图摆脱全局@font-face并仅将其应用于特定元素.

它定义如下:

@font-face {  
    font-family: "neutra";  
    src: url( /styles/NeutraDisp-Bold.eot ); /* IE */  
    src: local("Neutra Display"), url( /styles/NeutraDisp-Bold.ttf ) format("truetype"); /* non-IE */  
}

@font-face {  
    font-family: "futura";  
    src: url( /styles/FuturaStd-Heavy.eot ); /* IE */  
    src: local("Futura Std"), url( /styles/FuturaStd-Heavy.ttf ) format("truetype"); /* non-IE */  
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, …
Run Code Online (Sandbox Code Playgroud)

html css fonts

6
推荐指数
1
解决办法
5092
查看次数

使用字符串来访问(可能很大)多维数组

我无法找到一种简单地解析字符串输入并在多维数组中找到正确位置的方法.

我希望有一两行可以做到这一点,因为我看到的解决方案依赖于长(10-20行)循环.

给出以下代码(注意,理论上,嵌套可以是任意深度):

function get($string)
{
    $vars = array(
        'one' => array(
            'one-one' => "hello",
            'one-two' => "goodbye"
        ),
        'two' => array(
            'two-one' => "foo",
            'two-two' => "bar"
        )
    );

    return $vars[$string]; //this syntax isn't required, just here to give an idea
}

get("two['two-two']");  //desired output: "bar".  Actual output: null
Run Code Online (Sandbox Code Playgroud)

是否有一个简单的使用内置函数或其他简单的东西,可以重新创建我想要的输出?

php arrays string multidimensional-array

2
推荐指数
1
解决办法
2960
查看次数

Greensock动画不适用于SVG高度

我只想做一个很简单的tweenMax动画,其中条的高度,从去"0""100%",现在我的SVG看起来象下面这样:

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 69 64" style="enable-background:new 0 0 69 64;" xml:space="preserve">
            <style type="text/css">
                .st0{fill:#712215;}
                .st1{fill:none;stroke:#712215;stroke-miterlimit:10;}
            </style>
            <path id="XMLID_8_" class="st0" d="M23,47.4h-5.4c-0.6,0-1-0.5-1-1v-6.9c0-0.5,0.4-1,1-1H23c0.5,0,1,0.5,1,1v6.9
                C24,47,23.5,47.4,23,47.4z"/>
            <path id="XMLID_7_" class="st0" d="M31.9,47.4h-5.4c-0.5,0-1-0.5-1-1V32.9c0-0.5,0.5-1,1-1h5.4c0.6,0,1,0.5,1,1v13.5
                C32.9,47,32.5,47.4,31.9,47.4z"/>
            <path id="XMLID_6_" class="st0" d="M41.9,47.4h-5.4c-0.6,0-1-0.5-1-1V36c0-0.5,0.4-1,1-1h5.4c0.5,0,1,0.5,1,1v10.5
                C42.9,47,42.5,47.4,41.9,47.4z"/>
            <path id="XMLID_5_" class="st0" d="M51,47.4h-5.4c-0.5,0-1-0.5-1-1V30c0-0.5,0.5-1,1-1H51c0.6,0,1,0.5,1,1v16.4
                C52,47,51.5,47.4,51,47.4z"/>
            <polygon id="XMLID_4_" class="st0" points="16.6,35 18,36.4 29.6,25.6 38.9,33 49.3,21.9 47.3,20 38.9,29.5 29.2,21.8 15.9,34.5 "/>
            <polygon id="XMLID_3_" class="st0" points="43.2,17.8 51.7,17.9 51.9,26 "/>
            <rect id="XMLID_2_" x="2.5" y="11.6" class="st1" width="63.5" height="40.8"/>
            </svg>
Run Code Online (Sandbox Code Playgroud)

FIDDLE HERE,现在我有以下javascript动画栏:

$(function () …
Run Code Online (Sandbox Code Playgroud)

javascript svg greensock

2
推荐指数
1
解决办法
253
查看次数