小编Sim*_*old的帖子

我有<a>个<span>孩子.我写了一些CSS,当父母悬停时会改变孩子们的边框颜色,但是当我悬停孩子时它也会改变边框颜色,这不应该.

a {
    padding: 50px;
    border: 1px solid black;
}

a span {
    position: absolute;
    top: 200px;
    padding: 30px;
    border: 10px solid green;
}

a:hover span {
    border: 10px solid red;
}   

<a>
    Parent text
    <span>Child text</span>    
</a>

我的搜索框中的默认文字在Chrome,FF和Safari中看起来很好(vertical-align:middle).

但是,默认文本会出现在IE 8中搜索框的顶部.

IE有解决方法吗？谢谢你的帮助.

HTML:

<input type="text" class="text" value="Search" title="Search" />

CSS:

.text {
    height: 47px;
    font-size: 18px;
    margin: 0; 
    padding: 0 5px 0 45px;
}

升级后ImageMagick,将pdf转换为jpeg时,文本质量降低了:

旧图像

新图片 转换命令: convert foo.pdf foo.jpeg

旧ImageMagick版本:

[root@home]#  convert -version
Version: ImageMagick 6.2.8 05/07/12 Q16 file:/usr/share/ImageMagick-6.2.8/doc/index.html
Copyright: Copyright (C) 1999-2006 ImageMagick Studio LLC

生成的文件大小:

-rw-r--r-- 1 root root 139K Apr  2 16:11 foo-0.jpeg
-rw-r--r-- 1 root root 130K Apr  2 16:11 foo-1.jpeg
-rw-r--r-- 1 root root 334K Mar 24 14:27 foo.pdf

升级ImageMagick后

[root@home]#  convert -version
Version: ImageMagick 6.7.8-10 2012-08-17 Q16 http://www.imagemagick.org
Copyright: Copyright (C) 1999-2012 ImageMagick Studio LLC
Features: OpenMP

生成的文件大小:

-rw-r--r-- 1 root root  60K Apr …

如果您在桌面上尝试此代码段,一切正常.
每当你在iPad上试用它时,它都不会做任何事情.

$('body').on('click', '#click', function() {
    alert("This alert won't work on iPad");
});

div { 
  font-size: 24px; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="click">Click here</div>

简单的.click()处理程序工作,但它不是我想要的.这同样适用于.delegate();和.live()

这是一个bug还是什么？

块元素的边距会崩溃,但不会内联块.
有没有办法强制内联块边缘崩溃？

.wrapper {
    position: relative;
    float: left;
    width: 100px;
    margin: 10px;
}

.wrapper .el {
    display: inline-block;
    width: 100%;
    height: 20px;
    background: #000;
    margin: 10px 0;
}

.wrapper.block .el { display: block; }

<div class="wrapper">
    <div class="el"></div>
    <div class="el"></div>
    <div class="el"></div>
</div>

<div class="wrapper block">
    <div class="el"></div>
    <div class="el"></div>
    <div class="el"></div>
</div>

有人有想法吗？
我已经阅读了有关MDN的文档.

在页面加载时,我正在尝试使用initSelection来选择ID 60 (输入字段的指定值).我似乎无法让它正常工作.

PHP脚本工作得很好并返回正确的值,但是如何让JS正确地进行回调呢？

JavaScript的:

$(document).ready(function() {
    $('#editAlbumArtistId').select2({
            placeholder: 'Search names',
            ajax: {
                url: "/jQueryScripts/jQuerySelectListArtists.php",
                dataType: 'json',
                quietMillis: 100,
                data: function (term, page) {
                    return {
                        term: term, //search term
                        page_limit: 10 // page size
                    };
                },
                results: function (data, page) {
                    return {results: data.results};
                }

            },
            initSelection: function(element, callback) {

            var id = $(element).val();
            if(id !== "") {
                $.ajax("/jQueryScripts/jQuerySelectListArtists.php", {
                    data: {id: id},
                    dataType: "json"
                }).done(function(data) {
                    callback(data);
                });
            }
        }
    });
});

HTML:

<p>
    <input type='hidden' value="60" …

我有一个像这样的对象数组:

Array
(
    [945] => member Object
        (
            [id] => 13317
            [name] => Test 999
            [last_name] => Test 999
        )

    [54] => member Object
        (
            [id] => 13316
            [name] => Manuel
            [last_name] => Maria parra
        )

    [654] => member Object
        (
            [id] => 13315
            [name] => Byron 
            [last_name] => Castillo
        )

    [656] => member Object
        (
            [id] => 13314
            [name] => Cesar
            [last_name] => Vasquez
        )
)

我需要根据属性值删除其中一个对象.
例如,我想从数组中删除对象id 13316.

各种JavaScript库(例如jQuery UI)提供拖放式交互,您可以将拖动元素的移动约束到单个轴或特定区域内.

这种事情是否可以使用原生HTML5拖放 API？

var myArray = [{date:"2013.03.01"},{date:"2013.03.08"},{date:"2013.03.19"}];

我试过了:

function(a,b){
  return b.date > a.date;
}

和

function(a,b){
  return b.date - a.date;
}

Chrome和Firefox中的console.log 为我提供了所需的输出:

"2013.03.19", "2013.03.08", "2013.03.01"

但Safari提供原始排序:

"2013.03.01", "2013.03.08", "2013.03.19"

为什么？

我想用Imagick将pdf页面转换为png图像.

我试过PHP,但图像质量非常低.
当我尝试使用命令行时,结果非常完美.

PHP代码

$im = new imagick( __DIR__ . DIRECTORY_SEPARATOR.$PDFName.'['.$i.']' );  
$params = $im->identifyImage();
$width = $params['geometry']['width']*1;
$height = $params['geometry']['height']*1;
$im->setResolution(400,400);
$im->resizeImage($width ,$height, imagick::FILTER_SINC, 1, true);
$im->writeImage(__DIR__ . DIRECTORY_SEPARATOR.'pdf_pages\\'.$i.'.png'); 
$im->clear(); 
$im->destroy();

命令行代码

convert -density 400 a.pdf -resize 25% -a.png

PHP代码(第二次尝试)

$im = new imagick( __DIR__ . DIRECTORY_SEPARATOR.$PDFName.'['.$i.']' );  
$im->setOption('density','400x400');
$im->setOption('resize','25%');
$im->writeImage(__DIR__ . DIRECTORY_SEPARATOR.'pdf_pages\\'.$i.'.png'); 
$im->clear(); 
$im->destroy();

结果还不错.

我能做什么？我想在我的PHP代码中使用density参数,但是如何？

用PHP输出

使用命令行输出