zoukankan      html  css  js  c++  java
  • jQuery UI

    1.jQuery UI 1.7.1: Works with jQuery 1.3+, jQuery UI 1.6: Works with jQuery 1.2.6
    2.Once you've downloaded jQuery UI, you'll get a zip containing the following files:
    • /css/
    • /development-bundle/
    • /js/
    • index.html

    3.Open up index.html in a text editor and you'll see that it links to a few dependencies: your theme, jQuery, and jQuery UI. Generally, you'll need to include these 3 files on any page to use jQuery UI widgets and interactions:
    <link type="text/css" href="css/themename/jquery-ui-1.7.1.custom.css" rel="Stylesheet" />
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>

    Once you've included the necessary files, you can add some jQuery widgets to your page. For example, to make a datepicker widget, you'll add a text input element to your page and then call .datepicker(); on it. Like this:
    HTML: <input type="text" name="date" id="date" />

    JS:

    $('#date').datepicker();

    4.jQuery UI basics: using options

    Each plugin in jQuery UI has a default configuration which is catered to the most basic and common use case. But if you want a plugin to behave different from its default configuration, you can override each of its default settings using "options". Options are a set of properties passed into a jQuery UI widget as an argument. For example, the slider widget has an option for orientation, which allows you to specify whether the slider should be horizontal or vertical. To set this option for a slider on your page, you just pass it in as an argument, like this:

    $('#mySliderDiv').slider({
          orientation: 'vertical'
    });
    


     

  • 相关阅读:
    线段树(segment tree)
    外排序
    【机器学习】如何成为当下合格的算法工程师
    Result Maps collection already contains value for
    负向零宽断言
    正则匹配中 ^ $ 和  的区别
    jq异步上传文件(转载)
    js触发按钮点击事件
    ./ ,../ , 以及/的区别
    eclipse遇到不会部署的情况
  • 原文地址:https://www.cnblogs.com/weekend001/p/1573535.html
Copyright © 2011-2022 走看看