jQuery UI Widgets Forums Editors Button, RepeatButton, ToggleButton, LinkButton Uncaught TypeError: Cannot read property 'jqx' of undefined

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

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

  • 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>

    • This topic was modified 5 years, 11 months ago by  GirishVS.

    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="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 -->
    </body>
    </html>

    Best Regards,
    Nadezhda

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


    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()));`


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

You must be logged in to reply to this topic.