jQWidgets Forums

Tagged: error, Input, jqxinput, mobile demos

This topic contains 3 replies, has 4 voices, and was last updated by Dimitar 8 years, 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Uncaught TypeError: Cannot read property 'jqx' of undefined Posts
October 28, 2014 at 6:32 pm Uncaught TypeError: Cannot read property 'jqx' of undefined #61767

GirishVS
Participant

Strange error in 3.5.
Uncaught TypeError: Cannot read property ‘jqx’ of undefined
File: jqxcore.js, Line: 7, Column: 73
Uncaught TypeError: Cannot read property ‘jqx’ of undefined
File: jqxbuttons.js, Line: 7, Column: 15
Uncaught TypeError: Cannot read property ‘jqx’ of undefined
File: jqxinput.js, Line: 7, Column: 15
Uncaught TypeError: Cannot read property ‘jqx’ of undefined
File: jqxlistmenu.js, Line: 7, Column: 15
Uncaught TypeError: undefined is not a function

—Html
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”utf-8″ />
<meta content=”initial-scale=1.0, maximum-scale=1.0, user-scalable=no” name=”viewport” />
<meta name=”msapplication-tap-highlight” content=”no” />
<title>Mobile</title>
<link rel=”stylesheet” href=”css/jqwidgets/styles/jqx.base.css” type=”text/css” />
<link rel=”stylesheet” href=”css/jqwidgets/styles/jqx.windowsphone.css” type=”text/css” />
<link rel=”stylesheet” href=”css/jqwidgets/styles/jqx.blackberry.css” type=”text/css” />
<link rel=”stylesheet” href=”css/jqwidgets/styles/jqx.android.css” type=”text/css” />
<link rel=”stylesheet” href=”css/jqwidgets/styles/jqx.mobile.css” type=”text/css” />

<script type=”text/javascript” src=”scripts/jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxinput.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxlistmenu.js”></script>

<!– Equate.Mobile references –>
<link rel=”stylesheet” type=”text/css” href=”css/index.css” />
<link rel=”stylesheet” type=”text/css” href=”css/jquery.mobile-1.4.4.min.css” />

<script type=”text/javascript” src=”scripts/jquery-1.11.1.min.js” charset=”utf-8″></script>
<script type=”text/javascript” src=”scripts/jquery.mobile-1.4.4.min.js” charset=”utf-8″></script>
<script type=”text/javascript” charset=”utf-8″ src=”scripts/index.js”></script>

</head>
<body onload=” init() “>
<div id=”loginPage” data-role=”page”>
<!–<div data-role=”header”>
<h1>Equate Mobile</h1>
</div>–>

<div data-role=”content”>
<div class=”app”>
<div id=”deviceready”>
<form id=”loginForm”>
<div data-role=”fieldcontain” class=”ui-hide-label”>
<label for=”username”>Username:</label>
<input type=”text” name=”username” id=”username” value=”admin” placeholder=”Username” />
</div>
<div data-role=”fieldcontain” class=”ui-hide-label”>
<label for=”password”>Password:</label>
<input type=”password” name=”password” id=”password” value=”password” placeholder=”Password” />
</div>
<input type=”submit” value=”Login” id=”submitButton”>
</form>

</div>
</div>
</div>
</div><!– /page –>
<!– Cordova reference, this is added to your app when it’s built. –>
<script type=”text/javascript” charset=”utf-8″></script>
<script type=”text/javascript” charset=”utf-8″ src=”cordova.js”></script>
<script src=”scripts/platformOverrides.js”></script>
<script type=”text/javascript”>
$(document).ready(function () {
$(“#username”).jqxInput();
$(“#password”).jqxInput();
$(“#submitButton”).jqxButton();
});
</script>

</body>
</html>

October 29, 2014 at 1:53 pm Uncaught TypeError: Cannot read property 'jqx' of undefined #61801
Nadezhda
Participant
Hello GirishVS,

Here is an working example with your code. Please, check your paths in linк and scripts tag and follow their order.
```
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta name="msapplication-tap-highlight" content="no" />
    <title>Mobile</title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.4.min.css" />    
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.windowsphone.css" type="text/css" />
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.blackberry.css" type="text/css" />
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.android.css" type="text/css" />
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.mobile.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="../../scripts/jquery.mobile-1.4.4.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxinput.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxlistmenu.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdata.js"></script>
    <script type="text/javascript" charset="utf-8" src="../../scripts/index.js"></script>
    <script type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script src="scripts/platformOverrides.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#username").jqxInput();
            $("#password").jqxInput();
            $("#submitButton").jqxButton();
        });
    </script>
</head>
<body>
    <div id="loginPage" data-role="page">
        
        <div data-role="content">
            <div class="app">
                <div id="deviceready">
                    <form id="loginForm">
                        <div data-role="fieldcontain" class="ui-hide-label">
                            <label for="username">Username:</label>
                            <input type="text" name="username" id="username" value="admin" placeholder="Username" />
                        </div>
                        <div data-role="fieldcontain" class="ui-hide-label">
                            <label for="password">Password:</label>
                            <input type="password" name="password" id="password" value="password" placeholder="Password" />
                        </div>
                        <input type="submit" value="Login" id="submitButton">
                    </form>
                </div>
            </div>
        </div>
    </div>
    
</body>
</html>
```
Best Regards,
Nadezhda

jQWidgets team
http://www.jqwidgets.com/
November 29, 2016 at 6:52 pm Uncaught TypeError: Cannot read property 'jqx' of undefined #89415

shyan
Participant

Hi,

I have been facing issue on keyboard tab navigation with jqxwidgets controls,some times the tab navigation doesn’t work on any controls and it raises the exception.

Exception :` Uncaught TypeError: Cannot read property ‘trigger’ of undefined
at b.(anonymous function)._raiseEvent (http://localhost:52197/Scripts/jqwidgets/jqx-all.js:7:1704729) `

Here is my order of javascript files:

`bundles.Add(new StyleBundle(“~/bundles/smartadminCSS”).Include(
“~/content/css/bootstrap.min.css”,
“~/content/css/font-awesome.min.css”,
“~/content/css/lockscreen.min.css”,
“~/content/angular-block-ui/angular-block-ui.min.css”
));

bundles.Add(new ScriptBundle(“~/bundles/vendors”).Include(
“~/Scripts/jqueryUI-10-10.3.js”,
“~/Scripts/jquery-{version}.js”,
“~/Scripts/jquery.validate*”,
“~/Scripts/angular.min.js”,
“~/Scripts/angular-route.min.js”,
“~/Scripts/angular-animate.min.js”,
“~/Scripts/angular-sanitize.min.js”,
“~/Scripts/angular-ui.min.js”,
“~/Scripts/angular-ui/ui-bootstrap-tpls.min.js”,
“~/Scripts/angular-ui/ui-utils.js”,
“~/Scripts/require.js”,
“~/Scripts/jqwidgets/jqx-all.js”
));
bundles.Add(new StyleBundle(“~/bundles/jqxcss”).Include(
“~/Content/jqx/css/*.css”,
new CssRewriteUrlTransform()));`

November 30, 2016 at 6:38 am Uncaught TypeError: Cannot read property 'jqx' of undefined #89432

Dimitar
Participant

Duplicate post: http://www.jqwidgets.com/community/topic/jqx-widgets-tab-key-navigation/.
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.