Jquery 避免重复$(document).ready(function()标记
我无法解释为什么这段代码只适用于第一个函数。图像交换无法执行Jquery 避免重复$(document).ready(function()标记,jquery,Jquery,我无法解释为什么这段代码只适用于第一个函数。图像交换无法执行 $(document).ready(function() { $(function(){ // tip $("#tip").fancybox({ 'width' : 420, 'height' : 300, 'autoScale' : true, 'autoDimensions' : true, 'transitio
$(document).ready(function() {
$(function(){
// tip
$("#tip").fancybox({
'width' : 420,
'height' : 300,
'autoScale' : true,
'autoDimensions' : true,
'transitionIn' : 'elastic',
'transitionOut' : 'fade',
'overlayColor' : '#111',
'type' : 'iframe'
});
});
// image swap
$("#image1, #image2").click(function(){
switch(this.id)
{
case 'image1':
_(this.id,"../../img/answers.png","../../img/b13a(AC)ans.png");
break;
case 'image2':
_(this.id,"../../img/answers(biggest4).png","../../img/b13b(AC)ans.png");
break;
}
function _(id,main, alt){
if($("#"+id).attr("src") == main) $("#"+id).attr("src", alt);
else $("#"+id).attr("src", main);
}
});
如果我将第二个函数放在一个单独的$(document).ready(function())中,这两个例程都可以工作,但我正在尝试避免重复。您不必这样做,$(function(){})
与$(document.)相同。ready
:
$(function() {
// tip
$("#tip").fancybox({
'width' : 420,
'height' : 300,
'autoScale' : true,
'autoDimensions' : true,
'transitionIn' : 'elastic',
'transitionOut' : 'fade',
'overlayColor' : '#111',
'type' : 'iframe'
});
// image swap
$("#image1, #image2").click(function(){
switch(this.id) {
case 'image1':
_(this.id,"../../img/answers.png","../../img/b13a(AC)ans.png");
break;
case 'image2':
_(this.id,"../../img/answers(biggest4).png","../../img/b13b(AC)ans.png");
break;
}
function _(id,main, alt){
if($("#"+id).attr("src") == main) $("#"+id).attr("src", alt);
else $("#"+id).attr("src", main);
}
});
});
您获得了“最佳意大利面制造商”徽章。我不确定您为什么要写这封信。删除一行代码就可以了。剩下的代码似乎嵌套得很整齐,很重要。我本可以将其删减,是的,但担心我可能会无意中删除导致问题的原因。现在我明白了!只需删除$(文档)。就绪(函数()泰格成功了!