如何使這個jQuery工作

我在JQuery的是新的，我發現這個鏈接：jQuery Effects 如何使這個jQuery工作

，我想做一個在切換淡入淡出，並在同一時間（幻燈片漸變TOGLE幻燈片）。

這是JavaScript代碼：

的JavaScript：

jQuery.fn.slideFadeToggle = function(speed, easing, callback) { 
    return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback); 
};

，但我不知道如何使它發揮作用。下面是我的代碼只是「淡出TOGLE」的效果：

<script type="text/jscript" src="http://code.jquery.com/jquery-latest.js"></script> 
<style type="text/css"> 
    #Container 
    { 
     padding: 10px; 
     height: 100px; 
     width: 100px; 
     background: #e459e9; 
    } 
</style> 

<body> 
<button>fadeToggle</button>  
<div id="Container"> 
    <p>Watch me fade.</p> 
</div>   
<script type="text/jscript"> 
$(document).ready(function() { 
    $("button:first").click(function() { 
     $(this).next().fadeToggle("slow"); 
     $(this).slideDown("slow"); 
    }); 
});  
</script>

來源

2011-10-17 Somebody

如果你想使用你寫的擴展，只是有'$（本）。接下來（）slideFadeToggle（「慢」）;' –

爲什麼'asp.net'標記？ – rickyduck

你不使用你定義的功能。下面的作品。

jQuery.fn.slideFadeToggle = function(speed, easing, callback) { 
    return $(this).animate({opacity: 'toggle', height:'toggle'}, speed, easing, callback); 
}; 
$(document).ready(function() { 
    $("button:first").click(function() { 
     $(this).next().slideFadeToggle("slow",'',function(){}); 

    }); 
})

;

http://jsfiddle.net/caSbk/

來源

2011-10-17 15:25:13

太棒了！作品完美，謝謝@Bless Yahu – Somebody

很高興我能幫上忙。 –

應該$(this).next().slideFadeToggle("slow");不$(this).next().fadeToggle("slow");

此外，您還需要指定3個參數 - 速度，緩解和回調，因爲你不提供默認值。

，並確保您發佈的JavaScript函數的地方包括，無論是作爲外部文件或之前$(document).ready

來源

2011-10-17 15:16:12

感謝respond @ leo.vingi，但我不知道該放置函數的位置，例如我將它放在頭部，但每次運行webapp時我都會得到「JQuery未定義」 – Somebody

您可能已添加了代碼包括jQuery之前。 –

如何使這個jQuery工作

回答

相關問題