0

質問の例に従って、次のコードを試しました（全体ではなく一部です）：

function fadeDivIn(){
    $('#helpdocButton').animate({backgroundColor: "#ed3" }, 4000, function(){fadeDivOut();});
}

function fadeDivOut(div){
    $('#helpdocButton').animate({backgroundColor: "#3de" }, 4000, function(){fadeDivIn();});
}

$(function() {

  $('#helpdocButton').click(function(){
    $('menu').hide('slow');
    $('helpdoc').show('slow')
  });

  $('#helpdocButton').mouseover(function(){
    fadeDivIn();//it should start the .animate
  });
});

私の含まれるもの：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

私のスタイル:

#helpdocButton {
  width: 67px;
  height: 40px;
  background-color: #00ffff;
  moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 5px solid #00ffff;
  padding: 5px;
  opacity: 0.45;
}

#helpdocButton:hover {
  -webkit-transition-duration: .90s;
  opacity: 2;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

では、なぜアニメーションが機能しないのでしょうか。マウスオーバーの代わりにドキュメントの読み込みから開始しようとしましたが、それもうまくいきませんでした。また、コード内の他の多数の div でも試しました。アニメーションは何も動作しません。他のすべては完全に機能しますが、fadeDivIn 関数は機能しません。私はここで何か悪いことをしていますか? これは私のインクルードと互換性がありませんか? ありがとうございました。

4

2 に答える 2

0

HTMLコードを入力してください。エラーがある場合は、Inspector要素またはfirebugを開くことをお勧めします。修正できる奇妙な行がいくつかありますが、アニメーションの問題は解決しません

$('menu').hide('slow');
$('helpdoc').show('slow')

'menu' と 'helpdoc' とは何ですか? html タグの場合、このように配置できます (helpdoc html タグは存在しますか?) id の場合は $('#menu') & $('#helpdoc') を実行します。 $('.menu') & $('.helpdoc') を行うクラスです。次に、 $('#helpdocButton') 要素の前に他の要素があるかどうかを確認し、マウスオーバーをホバーに置き換えてテストします。

于 2013-10-09T19:09:06.267 に答える