Pro PHP and jQuery by Jason Lengstorf.pdf - Computer Science ...

244
CHAPTER 7 ■ ENHANCING THE USER INTERFACE WITH JQUERY
});
});
var data = $(this)
.attr("href")
.replace(/.+?\?(.*)$/, "$1");
// Logs the query string
console.log( data );
The first function to be stored in fx will be called initModal, and it will check whether a modal
window already exists. If it does, the function will select it; otherwise, it will create a new one and
append it to the body tag.
To see if an element already exists, use the length property after executing the jQuery function with
a selector for that element. If the length property returns 0, the element does not currently exist in the
document object model (DOM).
Perform the check and return a modal window by inserting the following bold code into fx inside
init.js:
// Functions to manipulate the modal window
var fx = {
};
// Checks for a modal window and returns it, or
// else creates a new one and returns that
"initModal" : function() {
// If no elements are matched, the length
// property will return 0
if ( $(".modal-window").length==0 )
{
// Creates a div, adds a class, and
// appends it to the body tag
return $("")
.addClass("modal-window")
.appendTo("body");
}
else
{
// Returns the modal window if one
// already exists in the DOM
return $(".modal-window");
}
}