0

簡単だといいのですが。jQueryのdatepickerで日付をクリックすると、divをfadeInにしようとしています。

<!DOCTYPE html>
<html>
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  <script type="text/javascript" src="../datepicker/jquery.ui.core.js"></script>
  <script type="text/javascript" src="../datepicker/jquery.ui.widget.js"></script>
  <script type="text/javascript" src="../datepicker/jquery.ui.datepicker.js"></script>

  <script>
  $(document).ready(function() {
    $('#datepicker').datepicker();
    $('#datepicker').datepicker({
        onSelect: function(dateText, inst) {
        $('#foo').fadeIn();
        });
    });
  });
  </script>
</head>
<body style="font-size:62.5%;">

<p>Choose a date: <input id="datepicker" type="text"></p>

<div id="foo">FOO</div>

</body>
</html>
4

2 に答える 2

1

1.コードには、余分な括弧とセミコロンがあります。以下のコードのコメントを参照してください。

$(document).ready(function() {
    $('#datepicker').datepicker();
    $('#datepicker').datepicker({
        onSelect: function(dateText, inst) {
        $('#foo').fadeIn();
        }); // <-- HERE, it should be just }
    });
});

これは正しいコードです：

$(document).ready(function() {
    $('#datepicker').datepicker({
        onSelect: function(dateText, inst) {
            $('#foo').fadeIn();
        }
    });
});

datepicker()2.同じ要素に2回アタッチする必要はありません。適切なパラメーターを使用して、1回割り当てるだけです。そのため、余分なを削除しました$('#datepicker').datepicker()。

3.要素をフェードインするまで非表示のままにするには、要素を非表示にする必要があります。次のCSSを使用します。

#foo{
    display: none;
}

ここでデモを確認してください»

于 2011-07-13T10:04:51.420 に答える
0

JavaScriptにエラーがあり、もう1つの問題は、表示されている要素をfadeIn（）できないことです。前に非表示にする必要があります。

これを試して：

$(document).ready(function() {
    $('#foo').hide();
    $('#datepicker').datepicker({
        onSelect: function(dateText, inst) {
            $('#foo').fadeIn();
        }
    });

    });

フィドル： http： //jsfiddle.net/vH4HV/1/

于 2011-07-13T10:02:25.053 に答える