小编Mig*_*ido的帖子

我有这个代码:

http://jsfiddle.net/zqdLzya2/

这是一个简单的3列布局.

当您悬停某个项目时,其中一些项目会闪烁或只是消失一秒钟.此外,当内容向上移动时,它会越过标题,消失并呈现正常.滚动时也会发生一些闪烁.内容显示正常但不呈现.

更新1

当没有CSS transition或时,元素停止闪烁transform.

更新2

元素停止闪烁或做任何事情都没有,transform所以我已经删除了更多按钮.

更新3

此处已报告错误:https: //code.google.com/p/chromium/issues/detail？id = 460222

我在Opera,Firefox和Safari上尝试过相同的代码,它们似乎都很好.

这是Chrome错误吗？

这里有一些截图:

这是我的裸HTML代码:

<div id="news" class="span-image-title clear content-wrapper">

        <!-- this element repeats -->
        <div class="item">

            <div class="desc bgwhite pdd">
                <h4 class="title-font lightblue">[title goes could be one line title or five]</h4>
                <p class="text-color">2th of January, 2015</p>
            </div>

            <div class="image" style="background-image:url('[image go here, changes with each item]');"></div>

            <div class="desc-body">
                <div class="table-wrap">
                    <div class="table-cell">
                        <div class="entry-content pdd">
                            <p>Lorem …

当我在侧边栏上选择页面时,我正在尝试使用下一个脚本加载内容.这个脚本没有问题:

if(Modernizr.history) {     
    var newHash      = "",
        $wrapperTag = $("#main-content"),
        contentTag = '#main-content-inside',
        activeClass = 'active';

    $("#sidebar").delegate("a", "click", function() {
        _link = $(this).attr("href");
        history.pushState(null, null, _link);

        loadContent(_link);
        return false;
    });

    function loadContent(href){

        $wrapperTag
                .find(contentTag)
                $wrapperTag.load(href + " "+contentTag+" ", function(response, status, xhr) {

                        $("#sidebar a").removeClass(activeClass);
                        $('#sidebar a[href$="'+href+'"]').addClass(activeClass);

                        $("#menu").bind('click',function(){
                            $(this).showSidebar();
                        });

                    });

    }

这个脚本没有probs,我的HTML模板看起来像这样:

HTML模板

<div id="sidebar">
    <nav>
        <ul class="ul-vert">
            <li><a href="page1.html">Page 1</a></li>
            <li><a href="page2.html">Page 2</a></li>
            ...
            <li><a href="pageN.html">Page N</a></li>
        </ul>
    </nav>
 </div>

 <div id="main-content">
     <div id="main-content-inside">
         <p id="menu">Show / Hide …

我有一个这样的网站列表：

project1/site
project2/site
project4/site
...
projectN/site

每个site文件夹都有内部node_modules文件夹，gruntfile.js文件和一个package.json文件。所以他们看起来像这样：

project1/site/gruntfile.js
project1/site/package.json
project1/site/node_modules/
...
projectN/site/gruntfile.js
projectN/site/package.json
projectN/site/node_modules/

我的任务，插件和其他东西一切正常。

我想知道我是否可以在根文件夹中只使用一个 node_modules 文件夹来解决这个问题，因为我的网站正在使用类似的任务。

project1/site/
project2/site/
...
projectN/site/
/node_modules/

这有可能吗？我需要做什么？

我在移动 safari (iOS 8.3) 中执行 XMLHttpRequest 时遇到问题。

var ajax_request = function(){

    this.get = function( url, callback ){

        var r = new XMLHttpRequest();


        r.open( 'GET', url, true );
        r.onload = function (data) {
            console.log(data);
            if ( r.status >= 200 && r.status < 400 ) {
                callback(r);
            } else {
                console.log("An error occured");
            }
        };
        r.onerror = function (err, url, lineNumber) {
            console.log("A connection error occured");
            console.log(err);
            console.log(lineNumber);
        };

        r.send();

    }

};

此代码正在向 Shopify 中的资产发出请求。

在我测试过的所有浏览器中，请求都运行得很好，但是在 Mobile Safari 中，我收到了完全空的响应。

Shopify 返回了 Access-Control-Allow-Origin …