【jQuery UI 1.8 The User Interface Library for jQuery】.学习笔记.2.更换主题

2022-04-28 00:14:31

<!DOCTYPE html>

<html>

  <head>

  <meta charset="utf-8">

  <title>Widget Factory - calculator

  </title>

  <link rel="stylesheet"

    href="css/smoothness/jquery-ui-1.8.9.custom.css">

  <link rel="stylesheet"   href="css/jquery.ui.claculator.css">

  </head>

  <body>

    <div id="calc">

    </div>

    <script src="development-bundle/jquery-1.4.4.js">

    </script>

    <script src="development-bundle/ui/jquery.ui.core.js">

    </script>

    <script

      src="development-bundle/ui/jquery.ui.widget.js">

    </script>

    <script src="js/jquery.ui.calculator.js">

    </script>

    <script>

      (function($) {

        $("#calc").calculator({

          autoShow: false,

          show: function(e, ui) {

            alert(e + ", " + $(ui).attr("id");

          }

        });

      })(jQuery);

    </script>

  </body>

</html>

码农公寓

相关文章