Type Error Undefined in jqxwindow.js library

[thommyMember]

I have copied and pasted this demo code for window widget but each time i run it I am getting this error message: [16:08:16.150] “TypeError: this._closeButtonWrapper is undefined

The jqxWindow provides keyboard navigation once it gains focus(either programmatically or as a result of a user click). When the widget is focused, you can use the keyboard to change its position and size.

.big-image {
float: left;
margin-right: 15px;
margin-bottom: 15px;
border: 1px solid #999;
background: #fff;
padding: 3px;
}
.important-text {
font-size: 13px;
font-family: Verdana, Geneva, ‘DejaVu Sans’, sans-serif;
}
.more-text {
font-family: Verdana, Geneva, ‘DejaVu Sans’, sans-serif;
color: #444;
font-size: 11px;
font-style: italic;
}

function addEventListeners() {
$(‘#showWindowButton’).mousedown(function () {
$(‘#window’).jqxWindow(‘open’);
$(‘#window’).jqxWindow(‘focus’);
});
}
function createElements(theme) {
$(‘#window’).jqxWindow({
theme: theme, resizable: true,
width: 500,
height: 400,
minWidth: 300,
minHeight: 300
});
$(‘#window’).jqxWindow(‘focus’);
$(‘#showWindowButton’).jqxButton({ theme: theme, width: ‘100px’ });
}
$(document).ready(function () {
var theme = $.data(document.body, ‘theme’, theme);
if (theme == undefined) theme = ”;
addEventListeners();
createElements(theme);
$(“#jqxWidget”).css(‘visibility’, ‘visible’);
});

Esc key – closes the window.
Up key – moves window up.
Ctrl + Up – narrows window in vertical direction.
Down key – moves window down.
Ctrl + Down – expands window in vertical direction.
Left key – moves window left.
Ctrl + Left – narrows window in horizontal direction.
Right key – moves window down.
Ctrl + Right – expands window in horizontal direction.

About 30 St Mary Axe

30 St Mary Axe

the Swiss Re Building (colloquially referred to as the Gherkin), is a skyscraper
in London’s main financial district, the City of London, completed in December 2003
and opened at the end of May 2004. With 40 floors, the tower is 180 metres (591
ft) tall, and stands on the former site of the Baltic Exchange building, which was
severely damaged on 10 April 1992 by the explosion of a bomb placed by the Provisional
IRA.

The building is on the former site of the Baltic Exchange building, the headquarters
of a global marketplace for ship sales and shipping information. On 10 April 1992
the Provisional IRA detonated a bomb close to the Exchange, severely damaging the
historic Exchange building and neighbouring structures. The UK government’s statutory
adviser on the historic environment, English Heritage, and the City of London governing
body, the City of London Corporation, were keen that any redevelopment must restore
the building’s old façade onto St Mary Axe. The Exchange Hall was a celebrated fixture
of the ship trading company.

What is wrong with this? Please help me.

[Peter StoevKeymaster]

Hi thommy,

Which browser do you use and which version of the browser? Did you reference correctly the jQWidgets files required by the demo. Do you run the demo on a web server?

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[thommyMember]

I am using Mozilla Firefox ver 23.01 and Chrome. How can I know I am referencing the libraries correctly?

[Peter StoevKeymaster]

Hi thommy,

Unfortunately, we are unable to reproduce the described behavior neither with FF or Chrome.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts