メニューとスライドを1ページで使用しました。メニューに応じてjquery.easing.1.3.jsを使用してから「easeOutBounce」を使用しました。
これで、メニューは正常に機能しています。
しかし、それはスライダーと競合します。スライダーではこの効果は必要ありません。この問題を解決する方法がわかりません。
このURLの下部のスライドに「easeOutBounce」効果を適用する必要はありません。
$.easing.def = "easeOutBounce";
コードからこの行を削除しても、スライドは問題ありません。しかし、私はメニューに応じてこの効果が必要です。
私のコードは
<script>
$(document).ready(function(){
$.easing.def = "easeOutBounce";
$('li.button a').click(function(e){
var dropDown = $(this).parent().next();
$('li.dropdown').not(dropDown).slideUp('slow');
dropDown.slideToggle('slow');
e.preventDefault();
})
});
</script>
<script>
$(function(){
$('#slides_two').slides({
generateNextPrev: true,
pagination: false,
preload: true,
preloadImage: 'images/loading.gif',
generatePagination: false,
play: 10000,
slideSpeed: 3000,
effect: 'slide',
pause: 4000,
hoverPause: true
});
});
</script>