jquery - 在页面实时编辑之前，jQuery 脚本不会运行

Question

我目前有以下简单的 jQuery 函数，只需在鼠标悬停时淡入和淡出 4 个 div：

$('#jig1').mouseover(function(){    
    $('#jig2, #jig3, #jig4').fadeTo(2000, 0.15, function(){});
    $('#jig1').fadeTo(2000, 1, function() {});
});

$('#jig2').mouseover(function(){    
    $('#jig1, #jig3, #jig4').fadeTo(2000, 0.15, function(){});
    $('#jig2').fadeTo(2000, 1, function() {});
});

$('#jig3').mouseover(function(){    
    $('#jig1, #jig2, #jig4').fadeTo(2000, 0.15, function(){});
    $('#jig3').fadeTo(2000, 1, function() {});
});

$('#jig4').mouseover(function(){    
    $('#jig1, #jig2, #jig3').fadeTo(2000, 0.15, function(){});
    $('#jig4').fadeTo(2000, 1, function() {});
});

该脚本确实可以完全按照我的意图工作，但是在某处存在一个大问题，因为该脚本仅在我加载页面并使用开发人员实时编辑脚本后才有效。Firebug 等工具。并且通过实时编辑，我的意思是添加任何字符然后将其删除，否则将其渲染为与编辑之前相同，但以某种方式这样做然后运行。

知道为什么要这样做吗？我完全被难住了。