Official Support Area, Q&As, Discussions, Suggestions and Bug reports.
Forum's Guidelines
Why is it any time i try to do something like this... I get the error $ is not defined. I try using \koolreport\clients\Bootstrap;, or \koolreport\clients\jquery and neither one works. I inspect my rendered html and i see in the head section where it references jquery.min.js but acts like its not there when i try to perform something in jquery.
<script type="text/javascript" >
$( function() {
$( "#stockReportList" ).draggable();
} );
</script>
In my report.view.php file, the beginning looks like this, and i have also tried jQuery vs Bootstrap to no avail.
If i try to implement any basic jquery reference($) i get a console error saying:
Uncaught ReferenceError: $ is not defined
at (index):8
HERE is the section in question in my Report.view.php file.
<?php
use \koolreport\clients\Bootstrap;
use \koolreport\widgets\koolphp\Card;
?>
<html>
<head>
<script type="text/javascript" >
$("#cards20").draggable();
</script>
</head>
<link rel="stylesheet" type="text/css" href="/reports/reports.css">
<body style="margin:0.1in 0.1in 0.1in 0.1in">
</body>
</html>
HERE is my Report.php file.
<?php
require_once $_SERVER['DOCUMENT_ROOT']."/koolreport/core/autoload.php";
require_once $_SERVER['DOCUMENT_ROOT']."/reports/connect.php";
require_once $_SERVER['DOCUMENT_ROOT']."/reports/tagAddresses.php";
GLOBAL $config;
class Report extends \koolreport\KoolReport
{
use \koolreport\amazing\Theme;
use \koolreport\clients\Bootstrap;
public function settings()
{
GLOBAL $config;
return array(
"dataSources"=>array(
"accutrack"=>array(
"connectionString"=>"mysql:host=".$config["dbhost"].";dbname=".$config["dbname"],
"username"=>$config["dbuser"],
"password"=>$config["dbpw"],
"charset"=>$config["charset"]
)
)
);
}
}
?>
In response, If i do this, i get the same error.
Report.view.php file.
<?php
use \koolreport\widgets\koolphp\Card;
?>
<html>
<head>
<script type="text/javascript" >
$("#cards20").draggable();
</script>
</head>
<link rel="stylesheet" type="text/css" href="/reports/reports.css">
<body style="margin:0.1in 0.1in 0.1in 0.1in">
</body>
</html>
HERE is my Report.php file.
<?php
require_once $_SERVER['DOCUMENT_ROOT']."/koolreport/core/autoload.php";
require_once $_SERVER['DOCUMENT_ROOT']."/reports/connect.php";
require_once $_SERVER['DOCUMENT_ROOT']."/reports/tagAddresses.php";
GLOBAL $config;
class Report extends \koolreport\KoolReport
{
use \koolreport\amazing\Theme;
use \koolreport\clients\jQuery;
public function settings()
{
GLOBAL $config;
return array(
"dataSources"=>array(
"accutrack"=>array(
"connectionString"=>"mysql:host=".$config["dbhost"].";dbname=".$config["dbname"],
"username"=>$config["dbuser"],
"password"=>$config["dbpw"],
"charset"=>$config["charset"]
)
)
);
}
}
?>
If i remove the kool report use \koolreport\clients\jQuery from each file, and reference the files manually in the view...
<script src="/koolreport/core/src/clients/jquery/jquery.min.js"></script> <script src="/koolreport/core/src/clients/jquery/jquery-ui.min.js"></script>
It works, but not when using the
\koolreport\clients\jQuery
referencing.
Basically $ is an alias of jQuery() so when you try to call/access it before declaring the function, it will endup throwing this $ is not defined error . This usually indicates that jQuery is not loaded and JavaScript does not recognize the $. Even with $(document).ready , $ is still going to be undefined because jquery hasn't loaded yet.
To solve this error:
Load the jQuery library at the beginning of all your javascript files/scripts which uses $ or jQuery, so that $ can be identified in scripts .
Let KoolReport help you to make great reports. It's free & open-source released under MIT license.
Download KoolReport View demo