top5与基础5的交换

Answer 1

我使用intechange组件控制它，更改名为small.png，medium.png和large.png的1x1px png以及事件替换。当image为large.png时，我通过ajax加载顶栏并在成功函数中调用init方法。

在html中：

<img data-interchange="[img/small.png, (default)], [img/small.png, (small)], [img/medium.png, (medium)], [img/large.png, (large)]" alt="" role="presentation" id="size-ckecher"/>

在JS中：

$(document).on('replace', '#size-ckecher', function (e, new_path, original_path) {


    if(new_path.indexOf("small")!=-1){


    }else if(new_path.indexOf("medium")!=-1){



    }else if(new_path.indexOf("large")!=-1){

        $(document).foundation();   
    }
})