問題未解決（一）：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(); 就不執行

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


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