0

次のコードを使用して、フォームに2つのdropdpwnカレンダーを作成しました。

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#Calimg1').click(function () {
            $('#calblock1').slideToggle("slow");
        });
    });

    $(document).ready(function () {
        $('#Img1').click(function () {
            $('#Div2').slideToggle("slow");
        });
    });
</script>

別のことをしたいのですが、どうしたらいいのかわかりません。このカレンダーの1つが開いている場合、ユーザーは別のカレンダーを開くことができません。どうやってやるの？

4

1 に答える 1

0

あなたが使用することができますis(':visible')：

<script type="text/javascript">
    $(document).ready(function () {
        $('#Calimg1').click(function () {
            if (isAnyVisible()) return false;
            $('#calblock1').slideToggle("slow");
        });

        $('#Img1').click(function () {
            if (isAnyVisible()) return false;
            $('#Div2').slideToggle("slow");
        });
    });

    function isAnyVisible() {
      if ($('#Calimg1').is(':visible') || $('#Img1').is(':visible')) {
         return false;
      }
      return true;
    }
</script>

#Calimg1とは#Img1カレンダーのIDであると見なされ、isAnyVisible異なる場合に備えて（機能的に）それに応じて変更します。

于 2012-06-17T09:53:19.710 に答える