jQuery UI 1.7：构建交互式Web应用的用户界面库

需积分: 10 54 浏览量更新于2024-07-29 收藏 13.53MB PDF 举报

"jQuery.UI.1.7 - jQuery的用户界面库" jQuery UI 1.7是基于jQuery的一个强大且功能丰富的用户界面库，它提供了一系列预先构建的交互式Web应用程序组件，帮助开发者快速创建出高度互动的用户体验。这个库不仅简化了复杂的前端开发任务，还提升了网页的可用性和美观度。 jQuery UI 包含了多个核心组件和小部件，这些组件包括但不限于： 1. **Dialog（对话框）**：用于创建模态或非模态对话框，可以定制标题、大小、位置和行为，提供关闭按钮和其他选项。 2. **Accordion（手风琴）**：允许将多个段落或区块折叠成一列，每次点击只能展开一个区块，节省页面空间。 3. **Tabs（标签页）**：将内容分隔到不同的标签页中，使得用户能轻松地在多个视图之间切换。 4. **Slider（滑块）**：可应用于数值选择、时间选择等场景，支持单滑块和双滑块模式。 5. **Datepicker（日期选择器）**：提供直观的日历组件，方便用户选择日期，可配置日期格式、范围限制和事件处理。 6. **Sortable（可排序）**：使列表项或表格行可拖放排序，提升用户体验。 7. **Resizable（可调整大小）**：允许用户通过拖动边角来改变元素的大小。 8. **Draggable（可拖动）**和**Droppable（可放置）**：结合使用，可以实现元素在页面上的拖放操作，常用于创建自定义布局或游戏。 9. **Autocomplete（自动补全）**：为输入框提供实时的搜索建议，常见于搜索框和表单输入。 jQuery UI 还提供了主题定制工具，允许开发者根据自己的品牌和设计需求创建独特的界面外观。此外，库中的所有组件都遵循标准的jQuery事件和方法，易于理解和集成到现有项目中。在使用jQuery UI时，开发者需要注意的是，虽然库尽力确保信息的准确性，但仍然可能存在错误或遗漏。因此，在实际应用中，开发者应进行充分的测试以确保兼容性和功能的正确性。同时，由于版权原因，书中可能提到的公司和产品信息可能会有变化，读者需自行验证最新信息。 jQuery UI 1.7为开发者提供了强大的工具，能够轻松构建专业级别的用户界面，大大提高了开发效率，是构建现代Web应用程序不可或缺的一部分。

Table of Contents

Greedy 224

Droppable methods 228

A drag and drop game 229

Summary 234

Chapter 10: Resizing 235

A basic resizable 236

Resizable options 238

Configuring resize handles 239

Adding additional handle images 240

Defining size limits 241

Resize ghosts 243

Containing the resize 245

Handling the aspect ratio 246

Resizable animations 247

Simultaneous resizing 248

Preventing unwanted resizes 250

Resizable callbacks 250

Resizable methods 252

Resizable tabs 252

Summary 254

Chapter 11: Selecting 255

Basic implementation 256

Selectee class names 258

Configurable options of the selectable component 260

Filtering selectables 260

Cancelling the selection 262

Selectable callbacks 262

Working with vast amounts of selectables 266

Selectable methods 268

A selectable image viewer 270

Styling the image selector 274

Summary 276

Chapter 12: Sorting 277

The default implementation 278

Configuring sortable options 281

Placeholders 287

Sortable helpers 289

Sortable items 290

Connected lists 292

Preface

What this book covers

Chapter 1, Introducing jQuery UI, gives a general overview and introduction to

jQuery UI. You nd out exactly what the library is, where it can be downloaded

from, and where resources for it can be found. We look at the freedom the license

gives you to use the library and how the API has been simplied to give the

components a consistent and easy to use programming model.

In Chapter 2, The CSS Framework, we look in details at the extensive CSS framework

that provides a rich environment for integrated theming via ThemeRoller, or allows

developers to easily supply their own custom themes or skins.

In Chapter 3, Tabs, we look at the tabs component; a simple but effective means of

presenting structured content in an engaging and interactive widget.

Chapter 4, The Accordion Widget, looks at the accordion widget, another component

dedicated to the effective display of content. Highly engaging and interactive, the

accordion makes a valuable addition to any web page and its API is exposed in full

to show exactly how it can be used.

In Chapter 5, The Dialog, we focus on the dialog widget. The dialog behaves in the

same way as a standard browser alert, but it does so in a much less intrusive and

more visitor-friendly manner. We look at how it can be congured and controlled to

provide maximum benet and appeal.

Chapter 6, Slider, looks at the slider widget that provides a less commonly used, but

no less valuable user interface tool for collecting input from your visitors. We look

closely at its API throughout this chapter to see the variety of ways that in which it

can be implemented.

In Chapter 7, Datepicker, we look at the datepicker. This component packs a huge

amount of functionality into an attractive and highly usable tool, allowing your

visitors to effortlessly select dates. We look at the wide range of congurations that

its API makes possible as well as seeing how easy common tasks such as skinning

and localization are made.

In Chapter 8, Progressbar, we look at the new progressbar widget; examining its

compact API and seeing a number of ways in which it can be put to good use in our

web applications.

In Chapter 9, Drag and Drop, we begin looking at the low-level interaction helpers,

tackling rst the related drag-and-droppable components. We look at how they

can be implemented individually and how they can be used together for

maximum effect.

Preface

Chapter 10, Resizing, looks at the resizing component and how it is used with the

dialog widget from earlier in the book. We see how it can be applied to any element

on the page to allow it be resized in a smooth and attractive way.

In Chapter 11, Selecting, we look at the selectable component, which allows us add

behavior to elements on the page and allow them be selected individually or as a

group. We see that this is one component that really brings the desktop and the

browser together as application platforms.

Chapter 12, Sorting, looks at the nal interaction helper—the sortable component.

This is an especially effective component that allows you to create lists on a page

that can be reordered by dragging items to a new position on the list. This is another

component that can really help you to add a high level of professionalism and

interactivity to your site with a minimum of effort.

Chapter 13, UI Effects, is dedicated solely to the special effects that are included with

the library. We look at an array of different effects that allow you to show, hide,

move, and jiggle elements in a variety of attractive and appealing animations.

There is no 'fun with' section at the end of this chapter; the whole chapter is a

'fun with' section.

What you need for this book

A copy of the latest jQuery UI full build (1.7.2 at the time of writing)

A code or text editor

A browser

The code download for the book

Who this book is for

This book is for developers who want to quickly and easily build engaging,

highly interactive interfaces for their web applications, or less commonly, for

embedded applications.

Nokia was the rst mobile phone company to announce that they were adopting

jQuery to power parts of their cell phone operating system. I'm sure that by the time

this book is published there will be more companies adapting the library for their

own needs, and wherever jQuery goes, jQuery UI can follow.

People who are comfortable with HTML, JavaScript, and CSS along with having at

least some experience with jQuery itself will get the most benet from what this book

has to offer. However, no prior knowledge of the UI library itself is required.

•

剩余391页未读，继续阅读

lcsnowater

粉丝: 0
资源: 4

jQuery UI 1.7：构建交互式Web应用的用户界面库

[jQuery.UI.1.7.jQuery用户界面库 电子书扫描版 文字版

[jQuery.UI.1.7.jQuery用户界面库].文字版.pdf

jquery.ui.datepicker-zh-cn.js下载

jquery.ui.datepicker-zh-cn.js

php和jquery ui弹出框,jquery弹出框插件jquery.ui.dialog用法分析

yepnope({ test : Modernizr.csstransforms, yep: ['../../lib/turn.min.js'], nope: ['../../lib/turn.html4.min.js', 'css/jquery.ui.html4.css', 'css/steve-jobs-html4.css'], both: ['js/steve-jobs.js', 'css/jquery.ui.css', 'css/steve-jobs.css'], complete: loadApp });

jquery-ui.min.js下载

jquery.js引用

jquery.multiselect.js和jquery.multiselect.css两个文件的引用地址

jquery-ui.css

最新资源

[jQuery.UI.1.7.jQuery用户界面库电子书扫描版文字版