問題未解決（一）：javascript程式碼外部嵌入，和直接寫入html檔案中之差異

javascript
$(document).ready(function() {
$('.s1').click(function(){
$('.correspond').not(i).hide();
var i=$('.s1').index(this);
$(this).css({opacity:1});
$('.square div').not(this).css({opacity:0.5});
$('.correspond').eq(i).fadeIn();

})
})



html
<div class="square">
<div class="s1"></div>
<div class="s1"></div>
</div>
<div class="square">
<div class="s1"></div>
<div class="s1"></div>
</div>


當直接寫入html檔案中時，在電腦上可正確執行，但手機上 $('.correspond').eq(i).fadeIn(); 就不執行

當寫入外部檔案中時，電腦、手機皆可執行


程式本身沒有問題，懷疑是執行順序的問題，但是電腦可以執行，所以還是不明白

if...else if...else條件不要用雙向限制的好

if(a<=3){
var x=1;
}else if(a>=b-4){
var x=2;
}else{
var x=3;
}
可執行


if (3<a<b-4){  //也有改成 3<a && a<b-4 試過
var x=1;
}else if(a<=3){
var x=2;
}else{
var x=3;
}
不管條件怎樣，都是var x=1;


不知道為什麼，但以結果推論：if...else if...else條件不要用雙向限制的好。這是Javascript的，其他語言好像有些規則又不同。


Reference:
https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Statements/if...else
（但沒提到）

addClass & removeClass on the same event

You can use onwebkitanimationend like this:

$(".CSS3-Animation").addClass('on').on('animationend webkitAnimationEnd oAnimationEnd', function(){
    $(this).removeClass('on');
});

You can chain the event animationend webkitAnimationEnd oAnimationEnd after adding the class on.

Reference:
https://stackoverflow.com/questions/27840497/addclass-and-then-removeclass-the-same-class

css animation steps

http://www.developphp.com/video/JavaScript/Start-Stop-CSS-keyframes-animation-with-JavaScript

select element with its property

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

逗号也可作php连接符

http://www.cnblogs.com/942267027wzmblog/p/6163333.html

筆記：
我只看到 "这样的话.echo会对每个参数先进行计算.最后再进行连接后输出.所以我们用逗号就不存在上面的问题了"，因為我主要是要看逗號也可以當連接符

http-equiv=“X-UA-Compatible”

https://stackoverflow.com/questions/6771258/what-does-meta-http-equiv-x-ua-compatible-content-ie-edge-do