Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Mastering jQuery UI

You're reading from   Mastering jQuery UI Become an expert in creating real-world Rich Internet Applications using the varied components of jQuery UI

Arrow left icon
Product type Paperback
Published in Feb 2015
Publisher
ISBN-13 9781783286652
Length 312 pages
Edition 1st Edition
Languages
Arrow right icon
Author (1):
Arrow left icon
Vijay Joshi Vijay Joshi
Author Profile Icon Vijay Joshi
Vijay Joshi
Arrow right icon
View More author details
Toc

Table of Contents (14) Chapters Close

Preface 1. Designing a Simple Quiz Application FREE CHAPTER 2. Building a Jigsaw Puzzle Game 3. Creating a Website Tour 4. Creating a Tabbed News Reader 5. Implementing CAPTCHA using Draggable and Droppable 6. Creating an Event Timeline Using a Slider 7. Using jQuery UI with Google Maps API 8. Creating a Photo Album Manager 9. Creating Widgets Using the Widget Factory 10. Building a Color Picker with Hex RGB Conversion 11. Creating a Fully Functional Dashboard A. Best Practices for Developing with jQuery UI Index

Implementing the initialize method


In this method, we will load the JSON from the server and display the album names in the left panel. Write the following code inside the initialize method to get the JSON from the server:

$.getJSON( "albums.json", function(data) 
{
  albums.jsonAlbums = data;
  albums.fillAlbumNames();
  albums.addEventHandlers();
});

Here we are using jQuery's getJSON method to fetch JSON from the server. We have specified albums.json as the URL and a success handler when a response is received. In success event handler, response is received in a variable data that we place in property jsonAlbums.

Next, we call the methods fillAlbumNames and addEventHandlers of the albums object.

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image